一、DOM操作分類

• DOM Core：任何一種支持DOM的編程語言都可以使用它，例如：getElementById()。
• HTML-DOM：用于處理HTML文檔，例如：document.forms。
• CSS-DOM：用于操作CSS，例如：element.style.color="green"。

二、jQuery中的DOM操作

jQuery對(duì)JavaScript中的DOM操作進(jìn)行了封裝，使用起來更加簡便。

jQuery中的DOM操作可分為如下幾種：

• 樣式操作。
• 內(nèi)容及value屬性值操作。
• 節(jié)點(diǎn)操作。
• 節(jié)點(diǎn)屬性操作。
• 節(jié)點(diǎn)遍歷。
• CSS-DOM操作。

三、樣式操作

1、使用css()為指定的樣式設(shè)置樣式值

語法如下：

例如：

示例：

    
    
    
    
    
    
    
    


    
Hello World!

效果：

補(bǔ)充：

JSON簡介

JSON（JavaScript Object Notation）是一種輕量級(jí)的數(shù)據(jù)交換格式。其語法如下：

JSON的取值方法

可以使用點(diǎn)號(hào)表示法來獲取。

例如：

例如：

2、追加和移除樣式

使用jQuery可以同時(shí)追加或移除一個(gè)、多個(gè)樣式，語法如下：

示例：

    
    
    
    
    
     
     
     
     


    
練習(xí)使用jQuery追加和移除樣式
    
    
    
    
    
    

效果：