思路为用addClass() 方法变可实现。
jquery中增加class属性步骤:
addClass() 方法：
定义和用法
addClass() 方法向被选元素添加一个或多个类。
该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。
<html><head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$('p').addClass(function(n){
return 'par_' + n
})
})
})
</script>
<style type="text/css">
.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")})
一共三步，具体如下：
1、HTML结构：设计三个li元素<ul id="test">、 <li>Glen</li>、<li>Tane</li、<li>John</li>、</ul>。
2、css样式：设计一个类selected，表示选中后的效果<style>.selected{font-weight:boldbackground: #ff99cccolor:#fff}</style。
3、jquery代码：$(function(){$("#test li").click(function() $(this).siblings('li').removeClass('selected') // 删除其他兄弟元素 $(this).addClass('selected') // 添加当前元素的样式 })
1、removeClass()定义和用法：removeClass() 方法从被选元素移除一个或多个类。如果没有规定参数，则该方法将从被选元素中删除所有类。
2、addClass()定义和用法：addClass() 方法向被选元素添加一个或多个类。该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。如需添加多个类，请使用空格分隔类名。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）