3JQurey DOM
3.1捕获
1.文本内容的操作text()
作用:获取或设置文本内容(等价于DOM操作中的innerText属性)
1.html():获取或设置元素中的所有内容(html的标签)
2.val():获取或设置表单中的值
3.attr():获取或设置元素额属性值
3.2元素的添加和删除
1.append():在元素的最后面添加内容。
可以同时添加多个内容,这些内容可以使通过HTML、JQurey、DOM创建的
2.prepend():在元素的最前面添加内容。
可以同时添加多个内容,这些内容可以使通过HTML、JQurey、DOM创建的
3.after()和before()
两组添加的区别:append()和prepend()添加后成为了其子元素
after()和before()添加后成为了其兄弟元素
3.3元素的删除、
remove():删除的是被选元素及其子元素。
emrty():删除的是子元素。
remove():还有过滤删除的作用,可以删除指定元素,里面的参数就是指定元素的名字
$("#delDiv1").click(function(){
$("p").remove(".p2");
});
这个代码的作用就是:删除所有p标签中class名为p2的元素
3.4操作css类
里面的参数是一样的,都是class的名字
1.添加:addclass()
2.删除class类:removeclass()
3.切换class类:toggleclass()
3.5操作css类
$("p").css("color","green");
css():里面传两个参数:第一个参数是要设置的属性,第二个参数是设置的属性值
$("p").css({"color":"green","font-size":"30px"});
css():也可以设置多个属性,不同属性用“,”隔开,属性名和属性值用“:”隔开,最外层用大括号“{}”
括起来。