jQuery操作CSS样式_jquery

一、DOM操作分类

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

二、jQuery中的DOM操作

jQuery对JavaScript中的DOM操作进行了封装，使用起来更加简便。

jQuery中的DOM操作可分为如下几种：

• 样式操作。
• 内容及value属性值操作。
• 节点操作。
• 节点属性操作。
• 节点遍历。
• CSS-DOM操作。

三、样式操作

1、使用css()为指定的样式设置样式值

语法如下：

例如：

示例：

    
    
    
    
    
    
    
    


    
Hello World!

效果：

补充：

JSON简介

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式。其语法如下：

JSON的取值方法

可以使用点号表示法来获取。

例如：

例如：

2、追加和移除样式

使用jQuery可以同时追加或移除一个、多个样式，语法如下：

示例：

    
    
    
    
    
     
     
     
     


    
练习使用jQuery追加和移除样式
    
    
    
    
    
    

效果：