jq操作css、class

jq操作css

jq中的css()方法

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

返回css属性

css()一个值key的时候，返回的是css的属性

设置css属性

css()两个值key和value的时候，设置css的属性

多个属性设置

花括号包裹{"key":"value" , "key":"value"}

或者多个css连写。

jq操作class

addclass()

addclass()方法向被选元素添加一个或多个类，不会移除已存在的类。

remove()

addclass()方法向被选元素移除一个或多个类。

hasclass()

判断被选元素是否有这个类。

toggleclass()

判断被选元素是否有该类名，没有就添加，有就删除。

html()、text()和val()

html()

当该方法用于返回内容时，则返回第一个匹配元素的内容当该方法用于设置内容时，则重写所有匹配元素的内容。

text()

text() 可以获取或设置元素的文本内容当该方法用于返回内容时，则返回所有匹配元素的文本内容 (会删除 HTML 标记)当该方法用于设置内容时，则重写所有匹配元素的内容。

html()和text()的区别

html() 用于获取第一个匹配元素的 HTML 内容或文本内容

html(content) 用于设置所有匹配元素的 HTML 内容或文本内容。

text()无参数 用于获 取所有匹配元素的文本内容。

text (content) 用于设置所有匹配元素的文本内容。

val()

va1() 可以获取或设置元素的 value 属性值.

当用于返回值时: 该方法返回第一个匹配元素的 value 属性的值

当用于设置值时: 该方法设置所有匹配元素的 value 属性的值