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

 

posted @ 2013-07-31 19:57  javawebsoa  Views(190)  Comments(0Edit  收藏  举报