jquery中怎么增加class属性_IT百科

思路为用addClass() 方法变可实现。

jquery中增加class属性步骤:

addClass() 方法：

定义和用法

addClass() 方法向被选元素添加一个或多个类。

该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。

<html>

<head>

$(document).ready(function(){

$("button").click(function(){

$('p').addClass(function(n){

return 'par_' + n

})

</script>

.par_0

{

color:blue

}

.par_1

{

color:red

}

</style>

</head>

效果图：

jQuery 属性 *** 作 - addClass() 方法

定义和用法

addClass() 方法向被选元素添加一个或多个类。

该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。

提示：如需添加多个类，请使用空格分隔类名。

语法

$(selector).addClass(class)

参数 class

必需。规定一个或多个 class 名称。

实例

//向第一个 p 元素添加一个类：

$("button").click(function(){ $("p:first").addClass("intro")})

Jquery 怎么只给点击的元素加个class？1：新建一个html文件，命名为test.html，用于讲解jquery如何实现追加元素的同时添加class属性。

2：在test.html文件内，使用p标签创建一行测试的内容，并创建两个空div标签。

3：在test.html文件内，使用button标签创建一个按钮，给button按钮绑定onclick点击事件，当按钮被点击时，执行addPp()函数。

4：在函数内，通过获得p标签对象，使用appendTo方法将p标签追加到div中。

5：在函数内，再使用addClass方法给p标签添加一个class属性。

6：在浏览器打开test.html文件，点击按钮，查看结果。

欢迎分享，转载请注明来源：内存溢出

jquery中怎么增加class属性