JQ DOM

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（）：也可以设置多个属性，不同属性用“，”隔开，属性名和属性值用“：”隔开，最外层用大括号“{}”

括起来。

 

3.6尺寸