1、addClass() 方法向被选元素添加一个或多个类名。
该方法不会移除已存在的 class 属性,仅仅添加一个或多个类名到 class 属性。
提示:如需添加多个类,请使用空格分隔类名。
2、removeClass() 方法从被选元素移除一个或多个类。
注意:如果没有规定参数,则该方法将从被选元素中删除所有类。html>
*{
padding: 0;
margin: 0;
}
P{
float: left;
width: 150px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 30px;
color: white;
background: darkmagenta;
margin: 10px;
}
p.cur{
color: black;
background: blue;
font-size: 50px;
}
$(function(){
$('p').click(function(){
$(this).css({'background':'blue','color':'black','font-size':'50px'}).siblings('p').css({'background':'darkmagenta','color':'white','font-size':'30px'})
//另一种方法点击谁给谁加个'cur'的class样式 remove删除 兄弟元素的cur样式
$(this).addClass('cur').siblings('p').removeClass('cur');
})
})
1
2
3
4
5
6
7
8