2021-06-08

                                           JQ中的DOM元素的几种方法

使用JQ添加，删除类

1.addClass() 方法会向被选元素添加一个或多个类，该方法不会移除原有的class属性，而是添加一个或多个类；

参数：class 必选参数，规定一个或多个类

例：

注意：在添加俩个或俩个以上时，类名用空格隔开。

1. removeClass() 方法会向被选元素删除一个或多个类

参数：class 可选参数，规定要移除的类，如要移除俩个或俩个 以上，类名用空格隔开，如果没用输入参数，会删除所有类

例：

1. toggleClass() 方法会对被选元素进行添加和移除的操作切换，

该方法检查每个元素中指定的类，如不存在则添加类，如已设置则删除，不过通过使用 switch参数，你能规定只删除或添加类

参数：class 必选参数 规定添加或删除类

Switch 可选参数  规定是否添加或删除class

例： 

JQ中获取内容的方法

1.text()方法

用于设置或返回所选元素的文本内容

语法：被选中的元素.text(“括号里可以设置给定的文本”);

例： 

2 .html() 方法

用于设置或返回被选中元素的内容，包括HTML标签

语法：被选中的元素.html(“可以设置文本，html标签”);

例： 

3.val() 方法

用于设置或放回表单字段的值

语法：被选中的元素. val();

例： 

text(),html(),val()这三种方法同样可以使用回调函数

回调函数由两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值