.css( propertyName, value ）的描述

　　.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 规则或 <style> 元素设置的属性。 警告：一个值得注意的例外情况是，IE 8及以下版本，删除的简写属性，如边border 或者 background 将完全的删除该元素样式，不管是在样式表或<style>元素中。

　　

　　从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;

　　

　　});

　　

　　这个例子设置一个匹配元素的宽度增加到较大的值。