jquery中hasClass()、is()判断是否包含指定的class
jquery中hasClass()、is()判断是否包含指定的class1、.hasClass()用来检查被选择的元素是否包含指定的class名。
2、.hasClass()语法
jQueryObject.hasClass( className )
3、例如
<li id="n1">
<p id="n2" class="site-name">CodePlayer</p>
<p id="n3" class="foo bar demo">http://www.studyofnet.com</p>
</li>
<script>
var $n2 = $("#n2");
document.writeln( $n2.hasClass("site-name") ); // true
var $n3 = $("#n3");
document.writeln( $n3.hasClass("bar") ); // true
// 不存在该css类名,返回false
document.writeln( $n3.hasClass("noClass") ); // false
var $p = $("p");
// 只要jQuery对象匹配的元素中有任意一个元素包含指定的css类名,即返回true
document.writeln( $p.hasClass("site-name") ); // true
document.writeln( $p.hasClass("foo") ); // true
</script>
4、hasClass()也可以同时写多个class但他们之前用空格隔开
如下:
$(selector).hasClass("className1 className2");
5、使用.is()也能实现相同的功能,例如
$(selector).is(".className");
6、.is()也可以有多个类名的写法,例如
$(selector).is(".className,.className");