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