css() 可以为这个方法传递一个字符串的属性名。例如:css('backgroundColor').对于由多个单词组成的属性名,JQ中可以理解为CSS表示法(如:css('background-color')),也可以理解为驼峰大小写形式的DOM表示法(如:css('backgroundColor'))。
CSS()的三种用法:
1. css(key, value) 给匹配的元素,设置一个样式。
key (String): 要设置的样式属性名称
value (Object): 要设置的样式属性的值
例:
示例:把所有段落的color样式属性值改为红色。
$("p").css("color","red");
HTML代码:<p>Test Paragraph.</p>
结果:<p style="color:red;">Test Paragraph.</p>
2. css(name) 访问第一个匹配元素的样式属性。取得第一个匹配元素样式的属性值。
name(string): 要访问的属性名称
例:
示例:取得第一个段落的color样式属性的值
$("p").css("color");
HTML代码:<p style="color:red;">Test Paragraph.</p>
结果:red
3. css(properties) 在所有匹配的元素上设置很多种样式。
properties (Map): 要设置为样式属性的名/值对对象
例:
示例:为所有p元素设置color和background样式属性。
$("p").css({ color: "red", background: "blue" });
Html代码:<p>Test Paragraph.</p>
结果:<p style="color:red; background:blue;">Test Paragraph.</p>