.css( propertyName, value )的描述

.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;
  
  });
  
  这个例子设置一个匹配元素的宽度增加到较大的值。

推荐阅读