.css( propertyName, value ）的描述
导读： .css( propertyName, value 描述: 设置每个匹配元素的一个或多个CSS属性。 添加的版本: 1.0.css( propertyName, value proper...
.css( propertyName, value )
描述: 设置每个匹配元素的一个或多个CSS属性。
添加的版本: 1.0.css( propertyName, value )
propertyName
类型: String
一个CSS属性名
value
类型: String, Number
设置这个CSS属性的值
添加的版本: 1.4.css( propertyName, function(index, value) )
propertyName
类型: String
一个CSS属性名
function(index, value)
类型: Function()
一个返回设置值的函数。this 是当前元素。接收index 参数表示元素在匹配集合中的索引位置和html 参数表示元素上原来的 HTML 内容。
添加的版本: 1.0.css( properties )
properties
类型: PlainObject
一个 属性-值 配对的对象
和.prop()方法一样，.css()方法使得设置元素的CSS属性快速而又简单。这个方法可以使用任何一个CSS属性名和用空格隔开的值，或者一个"键/值"对对象(JavaScript 对象符号)作为参数。
另外,jQuery可以同样解析CSS和用multiple-word（用横杠连接的词，比如：background-color）属性的DOM格式。举个例子：jquery能解析.css({
'background-color': '#ffe', 'border-left': '5px solid #ccc'}
) 和 .css({
backgroundColor: '#ffe', borderLeft: '5px solid #ccc'}
)并且返回正确的值（注意这两条语句的单引号和"-"）。在 DOM 标记法中，属性名可以不使用引号包裹，但是在 CSS 标记法中，如果属性中含有连字符(-)的话，则必须用引号包裹。。
当.css() 作为一个设置函数使用的时候，jQuery修改元素的style（样式）属性。例如，$('#mydiv').css('color', 'green') 等价于 document.getElementById('mydiv').style.color = 'green'。样式属性的值设置为空字符串 - 例如，$('#mydiv').css('color', '') - 那么会从元素上移除该属性（若该属性存在的话），该属性之前可能是通过 jQuery 的 .css() 方法设置的 HTML style 属性，也有可能是通过直接对 style 属性进行 DOM 操作而被设置的。它不会移除通过 CSS 规则或 元素设置的属性。 警告：一个值得注意的例外情况是，IE 8及以下版本，删除的简写属性，如边border 或者 background 将完全的删除该元素样式，不管是在样式表或元素中。
从jQuery1.6开始，.css()接受类似于.animate()的相对值。相对值时以+= 或者 -=开头的字符串，表示递增或递减当前的值。 例如，如果一个元素的左边填充（padding-left）是10px的，.css( "padding-left", "+=15" )将返回总的左填充（padding-left ）为25px。
从 jQuery 1.4开始, .css() 让我们传递一个函数给属性值：
$('div.example').css('width', function(index) {
return index * 50;
}
);
这个例子设置一个匹配元素的宽度增加到较大的值。
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： .css( propertyName, value ）的描述
本文地址： https://pptw.com/jishu/655787.html