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");

补充：web前端 , JavaScript ,