zoukankan      html  css  js  c++  java
  • jquery的DOM操作

    1、属性操作1)查找属性节点:attr()方法来获取属性的值,它的参数可以是一个也可以是多个;例如: attr("title")//获取属性值attr("title","aaaaaaaaa")//将属性值改为aaaaaaaaa;2)removeAttr()方法删除元素属性;

    2、创建节点: var $ lia=$("<li title="aa">aaaaa</li>")

    3、插入节点的方法:append()直接追加;appendTo()追加到 例如A.appendTo(B)意思是A追加到B中,顺序跟append()刚好相反;prepend()插入到元素的前面(与after()刚好相反);A.prependTo(B)讲A插入到B的前面(与insertAfter()刚好相反);

    4、删除节点的方法:remove()但是删除后还可以继续使用这些元素;例如$aa=$("ul li:eq(1)");$aa.remove();$("ul").append("$aa");empty()方法是清空节点;例如

    <html>
    <head>
    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
    var $bb=$("ul li:eq(1)");
    $bb.remove();
    })
    </script>
    </head>
    <body>
    <ul>
    <li>aa</li>
    <li>bb</li>
    <li>cc</li>
    </ul>
    </body>
    </html>

    输出结果为:.aa . .bb而如果是remove()方法,输出效果为:.aa .bb;

    5、复制节点 $("aa").clone(true)//如果不加参数true则复制后的元素不具有父元素的行为;

    6、替换节点:replaceWith()和replaceAll()方法(两种方法的作用一样,只是使用时顺序是颠倒的);例如:将<p>aaaaaaaaaaaa</p>替换为<a href="">bbbbbbbbbbbbbbb</a>代码如下:$("p").replaceWith("<a href="">bbbbbbbbbbbbbbb</a>");或者是$("<a href="">bbbbbbbbbbbbbbb</a>").replaceAll("p");

    7、包裹节点方法:1)wrap()是讲所有匹配的元素进行单独包裹;

    2)wrapAll()方法是将所有的匹配元素用一个元素包裹起来;

    3)wrapInner()方式是讲所有匹配的元素的子内容(包括文本节点)用结构化的标记包裹起来;

    8、样式操作:1)替换样式$("ul").attr("class","aa");

    2)追加样式$("ul").addClass("aa");

    3)移除样式$("ul").removeClass("aa");

    4)切换样式toggleClass()方法控制样式上的重复切换,如果存在则删除,如果不存在则添加;

    5)判断是否有某个样式$("p").is(".another");

  • 相关阅读:
    C# BulkCopy System.Data.SqlClient 数据库批量添加行数句
    SQL server 数据库优化表
    Bootstrap简介,特点,用法
    Entity Fromwork浅谈
    ADO,net 实体数据模型增、删、改,浅谈
    程序如何适应所有的难产客户
    访问数据库优化
    C#中哈希表(HashTable)的用法详解
    C# winform无边框窗体移动
    函数柯里化之加法add应用---add(1,2) add(1)(2) add(1)(2)(3) add(1,2,3)(4)
  • 原文地址:https://www.cnblogs.com/javawebsoa/p/3228585.html
Copyright © 2011-2022 走看看