您的位置:首页 > Web前端 > jquery

jquery中hasClass()、is()判断是否包含指定的class

更多 2016/8/20 来源:jquery学习浏览量:1546
学习标签: jquery
本文导读:在jquery前端编程中,经常需要通过class名找到指定的元素,进而对这些元素进行其它的操作,在jquery中,hasClass()、is()都能够实现判断元素是否包含指定的class名,下面简单介绍hasClass()、is()实现的方法

1、.hasClass()用来检查被选择的元素是否包含指定的class名。

 

2、.hasClass()语法

jQueryObject.hasClass( className )

 

3、例如

 

 
HTML 代码   复制

<div id="n1">
       <p id="n2" class="site-name">CodePlayer</p>
       <p id="n3" class="foo bar demo">http://www.studyofnet.com</p>
</div>


<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");

 

收藏
345
很赞
40