jQuery DOM

3 jQuery DOM

3.1内容操作

1）文本内容的操作text()

作用：获取或设置文本内容（等价于DOM操作中的innertext属性）

2）html():获取或者是元素中的所有内容（html的标签）

3）val():获取或设置表单中的值

4）attr():获取或设置元素的属性值。

3.2元素的添加

1）append():在元素的最后边添加内容

可以同时添加多个内容，这些内容可以是通过HTML、jQuery、DOM创建的

2）prepend():

可以同时添加多个内容，这些内容可以是通过HTML、jQuery、DOM创建的

3)after()和before()

两组添加的区别：append()和prepend()添加后成为了其的子元素；

                after()和before()添加后成为其的兄弟元素。

3.3元素的删除

1）remove():

删除的是被选元素及其子元素。

还有过滤删除的作用，可以删除指定元素，里面的参数就是指定元素的名字。

$("#del1").click(function(){
    $("#div1").remove(".p2");
});

这个代码的作用就是：删除所有p标签中class名为”p2”的元素。

2）empty():

删除的是子元素。

 

3.4操作css类

里面的参数都是一样的，都是class的名。

1）添加class类：addClass()

2）删除class类：removeClass()

3）切换class类：toggleClass()

3.5操作css方法

$("#p1").css("color","yellow");

css():里面要传两个参数，第一个参数是要设置的属性名，第二个参数是设置的属性值。

$("#p1").css({"color":"yellow","font-size":"32px"});

css():也可以设置多个属性，不同属性用“,”隔开，属性名和属性值用“：”，最外层用括号“{}”括起来。