84669 orang belajar
152542 orang belajar
20005 orang belajar
5487 orang belajar
7821 orang belajar
359900 orang belajar
3350 orang belajar
180660 orang belajar
48569 orang belajar
18603 orang belajar
40936 orang belajar
1549 orang belajar
1183 orang belajar
32909 orang belajar
判断当前元素是否有某个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方法就可以实习类添加移出