1.31日总结1

1.31日总结

1 jQuery操作CSS

1.1 jQuery中的css()方法

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

1.2 返回css属性

可以通过style设置的css属性（只有key），拿到value值

1.3 设置css属性

如需设置指定的CSS属性,可以添加第二个参数(key,value)

1.4 设置多个css属性

$(selector).css({"propertyname ": "value","propertyname ": "value"，...});

也可以如下写：

$(selector).css("background-color","red").css("border","1px solid black")

2 jQuery操作Class

除了通过设置css()方法，也可以修改class名来修改样式效果。

2.1 addClass()

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

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

如需添加多个类,请使用空格分隔类名。

2.2 removeClass()

removeclass()方法向被选元素移除一个类名。

2.3 hasClass()

hasClass() 方法检查被选元素是否包含指定的类名称。

如果被选元素包含指定的类，该方法返回 "true"。反之，没有包含返回"false"。

2.4 toggleClass()

toggleclass()方法判断被选元素是否有该类名，如果有就移除它，如果没有就添加它。

3 html()、text()与val()

3.1 html()

html() 可以对HTML代码进行操作，类似于JS中的innerHTML。

当该方法用于返回内容时，则返回第一个匹配元素的内容。

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

如只需设置或返回被选元素的文本内容，请使用text()方法。

3.2 text()

text() 可以获取或设置元素的文本内容。

当该方法用于返回内容时，则返回所有匹配元素的文本内容(会删除 HTML标记)。

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

3.3 html()和text()的区别

语法	参数	功能
html()	无参数	用于获取第一个匹配元素的HTML内容或文本内容。
html(content)	content参数为元素的HTML内容	用于设置所有匹配元素的HTML内容或文本内容。
text()	无参数	用于获取所有匹配元素的文本内容。
text (content)	content参数为元素的文本内容	用于设置所有匹配元素的文本内容。

3.4 val()

val() 方法返回或设置被选元素的 value 属性。

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

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