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