jquery提供了一个addClass()添加class类的方法，可以通过这个方法对标签进行class类添加。通过点加c击按钮添lass类使字体变大进行addClass()方法的演示。语法：obj.addClass(class)方法/步骤1/6分步阅读

新建一个html页面，然后在html页面添加一个带有文字div和一个点击事件按钮，然后给按钮添加一个点击事件。

html代码：

div id=add点击按钮添加class/div

input type=button value=添加class onclick=addBtn() /

2/6

添加class类的样式。在title标签后面创建一个style标签，然后给该标签设置一个字体大小的样式类。

css代码：

style

.fs40{

font-size: 40px;

}

/style

3/6

引入jquery库。在style标签后面引入一个jquery库。

4/6

创建scritp标签，在该标签里使用addClass()方法对div标签添加class类。

js代码：

script type=text/javascript

function addBtn(){

$(#add).addClass(fs40)

}

/script

5/6

保存html代码页面，然后使用浏览器打开，点击按钮图标，即可看到div标签的 字体变大，表示添加class类成功。

6/6

页面所有代码。可以直接复制所有代码，粘贴到新建html页面，修改jquery库引入路径，保存html代码使用浏览器打开，点击按钮即可看到效果。

所有代码：

!DOCTYPE html

html

head

meta charset=UTF-8

title/title

style

.fs40{

font-size: 40px;

}

/style

script type=text/javascript src=js/jquery-1.9.1.js /script

script type=text/javascript

function addBtn(){

$(#add).addClass(fs40)

}

/script

/head

body

div id=add点击按钮添加class/div

input type=button value=添加class onclick=addBtn() /

/body

/html

JQUERYJQ添加CLASS