JQuery DOM 3

3.1内容操作

（1）text()：获取或设置文本内容（等价于DOM中的innerText）。

alert($("#p1").text());//捕获
alert($("#p1").text("更改成我"));//内容更改

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

var content = "<tr>";
content+="<td>JavaScript</td>>";
content+="<td>宋春敏</td>>";
content+="<td>清华大学出版社</td>>";
content+="<tr>";
$("#tblBook").html(content);

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

alert($("#txt1").val("请不要输入内容"));

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

alert($("#txt1").attr("name","第二章"));

3.2元素的添加

（1）append():在元素的结尾添加内容。可以添加多个内容，这些内容可以是通过HTML、JQuery、DOM、创建的。
（2）prepend():在元素的头部添加内容。
（3）after()和before()
两组添加的区别 ：
append()prepend()添加后成为了其子元素。
after()和before()添加后成为了其兄弟元素

3.3元素的删除

remove():删除的是被选元素及其子元素

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

empty():删除的是被选元素下的子元素

$("#btn2").click(function(){
    $("#div2").empty();
});

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

$("#btn1").click(function(){
    $("p").remove(".p2");
});

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

3.4操作CSS类

（1）添加class类：addClass()；
（2）删除class类：removeClass();
（3）切换class类：toggleClass()

3.5操作CSS方法

$("p").css("color","green")

（）里有两个参数：第一个参数是要设置的属性名，第二个参数是要设置的属性值。
css()也可以设置多个属性，不同属性用”,”隔开，属性名和属性值用”:”隔开，最外层用”{}”括起来。