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")})

简单的语句：$(".selector").click(function(){ $(this).attr("class","newClass"))

解释：首先给你指定的元素绑定一个click事件，点击就执行增加class，同时清除其他class的 *** 作。attr是jquery一个设置元素属性的方法。通过该方法直接给被点击的元素添加新的class,默认会覆盖掉之前class属性的值。

拓展：attr方法参考 http://www.w3cschool.cn/attributes_attr.html

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

jquery中怎么增加class属性