jq判断是否存在某个类
作用:1、点击按钮增加了一个类(改变样式),触发事件;再次点击按钮删除该类,取消事件。
左按钮是点击后的样式(增加类cur)
再点一次恢复原来样式(删除类cur)
两个按钮类名同为btn
<a class="btn">中文CV 沈达威</a>
<a class="btn">日文CV 河西健吾</a>
方法一:$(this).is('.cur')
$('.btn').on('click', function() {
if($(this).is('.cur')) {
//存在该类cur
$(this).removeClass('cur');
} else {
//不存在该类cur
$(".btn").removeClass('cur');
$(this).addClass('cur');
}
})
方法二:$(".cur").length > 0
$('.btn').on('click', function() {
if($(".cur").length > 0) {
//存在该类cur
$(this).removeClass('cur');
}else {
//不存在该类cur
$(".btn").removeClass('cur');
$(this).addClass('cur');
}
})