在页面中，元素的操作包含：直接设置样式、增加CSS类别、类别切换、删除类别几部分。下面通过示例介绍其使用的语法和方法。

$(function () {
 $("#p_1").click(function () {
 $(this).css("font-weight", "bold"); //字体加粗
 $(this).css("font-style", "italic"); //斜体
 $(this).css("background-color", "#EEE"); //增加背景色
 })
 $("#p_2").click(function () {
 $(this).addClass("p_2_1 p_2_2"); //增加CSS类别
 })
 $("#p_3").click(function () {
 $(this).toggleClass("p_3_1"); //切换CSS的类别
 })
 $("#p_4").click(function () {
 $(this).removeClass("p_4_1 p_4_2") //删除两个类别
 })
})

1.直接设置元素样式值

在jQuery中，可以通过css()方法为某个指定的元素设置样式值，其语法格式如下：

css(name,value)

其中name为样式名称，value为样式的值。

在下面的示例中，点击p元素时，其中的文字加粗、斜体及增加背景。

2.增加CSS类别

通过addClass()方法增加元素类别的名称，其语法格式如下：

addClass(class)

其中，参数class为类别的名称，也可以增加多个类别名称，只需要使用空格将其隔开即可，其语法格式如下：

addClass(class0,class1…)

3.类别切换

通过toggleClass()方法实现对该元素的样式进行切换显示。

4.删除类别

与增加CSS类别的addClass()方法相对应，removeClass()方法则用于删除类别，其语法格式如下：

removeClass([class])

其中，参数calss为类别名称，该名称为可选项，当选该名称时，则删除当前类别，有多个类别是用空格隔开。如果不选名称，则删除元素的所有类别。