7、jQuery DOM 操作方法全解析

jQuery DOM 操作方法全解析

1. .css() 方法

在处理元素的样式属性时，不同浏览器对属性的访问方式和术语存在差异。例如，Internet Explorer 将 float 属性称为 styleFloat ，而符合 W3C 标准的浏览器则称为 cssFloat 。 .css() 方法能够解决这些差异，无论使用哪种术语，都能产生相同的结果。

$('div.left').css('float');
$('div.left').css('cssFloat');
$('div.left').css('styleFloat');

以上三行代码对于左浮动的元素都会返回 left 。

此外，jQuery 可以同样解释多词属性的 CSS 和 DOM 格式。例如， .css('background-color') 和 .css('backgroundColor') 都能正确理解并返回值。

1.1 .css() 作为设置器

可以使用 .css() 方法为匹配元素集设置一个或多个 CSS 属性，有以下三种调用方式：
- .css(propertyName, value)
- .css(map)
- .