84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
判断当前元素是否有某个class,有就不添加,没有就添加当前class
ringa_lee
if($('p').is('.class')){ $('p').addClass('class'); }
我看你打了jQuery标签,直接用jQuery好了,至于判断的事情jQuery已经帮你做了,自己再判断一次没有任何意义:
jQuery
jQueryObject.addClass('classname');
Jquery 的话
$("p").toggleClass("red");//就可以实现有就移除。没有就添加
应该是没有才添加,要加个取反
if(! $('p').is('.class')){ $('p').addClass('class'); }
if($('body').hasClass('classname')){
$('body').removeClass('classname')
}else{
$('body').addClass('classname')
}
有classname就移除,没有就添加一个classname
HTML5新增的APIclassList方法中有contains()判断,以及add()和remove()方法添加和删除类。toggle()方法则是有则删除无则添加, 如果单纯实现该功能应该是不用jQuery的。
classList
toggle()
可看张鑫旭这篇博客:HTML5 DOM元素类名相关操作API classList简介
$("button").click(function(){ if(!$("p:first").hasClass("intro")){ $("p:first").addClass("intro") } });
如果是javascript的话,
if (!p.classList.contains('classname')) { p.className += ' ' + 'classname'; }
更新
p.classList.add('classname');
p.classList能够列出所有class,add方法新增一个类,存在则忽略,不存在则添加。
Jquery的ToggleClass方法就可以实习类添加移出
toggleClass
我看你打了
jQuery
标签,直接用jQuery
好了,至于判断的事情jQuery
已经帮你做了,自己再判断一次没有任何意义:Jquery 的话
应该是没有才添加,要加个取反
if($('body').hasClass('classname')){
}else{
}
有classname就移除,没有就添加一个classname
HTML5新增的API
classList
方法中有contains()判断,以及add()和remove()方法添加和删除类。toggle()
方法则是有则删除无则添加, 如果单纯实现该功能应该是不用jQuery的。可看张鑫旭这篇博客:HTML5 DOM元素类名相关操作API classList简介
如果是javascript的话,
更新
p.classList能够列出所有class,add方法新增一个类,存在则忽略,不存在则添加。
Jquery的ToggleClass方法就可以实习类添加移出