JQuery入门学习（2）

通过jQuery操作DOM

1、属性操作

①attr()方法

attr()方法用于获取所匹配元素集合中第一个元素的属性，也可以用来设置所匹配元素的一个或多个属性值，attr()方法有如下所示的4种语法格式。

attr(name);//获取元素的属性值
attr(name,value);//设置元素的某个属性的值
attr({name1,value1,name2,value2,....});//设置元素的多个属性的值
attr(name.function([index,oldArrt]));//用函数返回值设置元素的属性

②removeAttr()方法

removeattr()方法用于测试匹配元素的指定属性,其语法格式如下。

removeAttr(name);

③prop()方法

用于获取所匹配元素集合中第一个元素的属性，也可以用来设置所匹配元素的一个或多个属性值。多用于boolean类型的属性操作，如checked、selected、disabled等。

 如：$("input [ type=‘checkbox‘]").prop("checked");

④removeProp()方法

removeProp(name);

2、样式操作

①addClass()方法

addClass() 方法向被选元素添加一个或多个类。

该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。

提示：如需添加多个类，请使用空格分隔类名。

$(selector).addClass(class)
//使用函数向被选元素添加类。
$(selector).addClass(function(index,oldclass))

②removeClass()方法

从被选元素移除一个或多个类。

$(selector).removeClass(class)

③toggleClass()方法

toggleClass() 对设置或移除被选元素的一个或多个类进行切换。

该方法检查每个元素中指定的类。如果不存在则添加类，如果已设置则删除之。这就是所谓的切换效果。

不过，通过使用 "switch" 参数，您能够规定只删除或只添加类。

toggleClass(classname);

$(selector).toggleClass(class,switch);

$(selector).toggleClass(function(index,class),switch)

 ④css()方法

css() 方法返回或设置匹配的元素的一个或多个样式属性。

//返回 CSS 属性值
$(selector).css(name);
//设置 CSS 属性
$(selector).css(name,value);
//使用函数来设置 CSS 属性
$(selector).css(name,function(index,value));
//设置多个 CSS 属性/值对
$(selector).css({property:value, property:value, ...});

3、内容操作（来自w3cschool）

参考：https://www.w3school.com.cn/jquery/attributes_toggleclass.asp

JQuery入门学习（2）

原文：https://www.cnblogs.com/XxZzYy/p/12774916.html