jQuery的属性与样式之样式操作.css()

标签：尺寸   元素   匹配   内联   直接   定义   获取   处理   集合   

.css() 方法：获取元素样式属性的计算值或者设置元素的CSS属性

获取：

1. .css( propertyName ) ：获取匹配元素集合中的第一个元素的样式属性的计算值
2. .css( propertyNames )：传递一组数组，返回一个对象结果

设置：

1.  .css(propertyName, value )：设置CSS
2. .css( propertyName, function )：可以传入一个回调函数，返回取到对应的值进行处理
3. .css( properties )：可以传一个对象，同时设置多个样式

注意事项：

1. 浏览器属性获取方式不同，在获取某些值的时候都jQuery采用统一的处理，比如颜色采用RBG，尺寸采用px
2. .css()方法支持驼峰写法与大小写混搭的写法，内部做了容错的处理
3. 当一个数只被作为值（value）的时候， jQuery会将其转换为一个字符串，并添在字符串的结尾处添加px，例如 .css("width",50}) 与 .css("width","50px"})一样
4. .addClass()方法是通过增加class名的方式，那么这个样式是在外部文件或者内部样式中先定义好的，等到需要的时候在附加到元素上通过
5. .css()方法处理的是内联样式，直接通过元素的style属性附加到元素上的（通过.css方法设置的样式属性优先级要高于.addClass方法）

jQuery的属性与样式之样式操作.css()

标签：尺寸   元素   匹配   内联   直接   定义   获取   处理   集合   

原文地址：http://www.cnblogs.com/lhl66/p/7461213.html