jQuery - HTML DOM 操作（二）

jQuery 中提供了一系列的 HTML DOM 操作的方法，比起原生 JavaScript 的 DOM 操作，显得更加地简便。

本文目录：

1. 操作 CSS；
2. 设置或获取 CSS 属性。

操作 CSS

jQuery 提供了一系列的方法来操作 CSS：

• addClass()： 向所选元素添加一个或多个类（多个类名之间使用空格隔开）；
• removeClass()： 从所选元素删除一个或多个类（多个类名之间使用空格隔开）；
• toggleClass()： 对所选元素进行添加/删除类的切换操作；
• hasClass()： 检查被所选元素是否包含指定的 class 名称，返回值为 Boolean 型。

代码：

    
    
    
    


标题1
addClass()
标题2
removeClass()
标题3
toggleClass()
标题4
hasClass()

效果演示：

操作 CSS.gif

设置或获取 CSS 属性

jQuery 中提供了 css() 这个方法来设置或获取元素的 CSS 属性：

• 获取 CSS 属性： css("propertyName")；
• 设置单个 CSS 属性： css("propertyName","propertyValue")；
• 设置多个 CSS 属性： css({"propertyName1":"propertyValue1","propertyName2":"propertyValue2",...})。

代码：

    
    
    
    



获取 div 的背景颜色
这是一个段落。
设置 p 的字体颜色
这是一个段落。
设置 p 的字体颜色及边框

效果演示：

设置或获取 CSS 属性.gif