jQuery.hasClass() 函数详解
jQuery.hasClass() 函数详解
hasClass()
函数用于指示当前jQuery对象所匹配的元素是否含有指定的css类名。
该函数属于jQuery
对象(实例)。
语法
JavaScript:
jQueryObject.hasClass( className )
参数
参数 | 描述 |
---|---|
className | String类型指定的css类名。 |
返回值
hasClass()
函数的返回值是Boolean类型,返回表示是否包含指定css类名的boolean值,如果包含就返回true
,否则返回false
。
如果当前jQuery对象匹配多个元素,只要其中有任意一个元素含有指定的css类名,就返回true
。
示例&说明
hasClass(className)
函数等价于is(".className")
:
JavaScript:
$element.hasClass( className );
// 等价于
$element.is( "." + className );
以下面这段HTML代码为例:
HTML:
<div id="n1">
<p id="n2" class="site-name">CodePlayer</p>
<p id="n3" class="foo bar demo">专注于编程开发技术分享</p>
</div>
我们编写如下jQuery代码来演示hasClass()
函数的使用:
JavaScript:
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