判断当前元素的html,jquery如何判断元素是否有class？

jquery如何判断元素是否有class？下面本篇文章就来给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

在jQuery中可以使用2种方法来判断一个元素是否包含一个确定的类(class)。两种方法有着相同的功能。2种方法如下：hasClass(‘classname’)

is(‘.classname’)

1、使用hasClass() 方法

hasClass() 方法检查被选元素是否包含指定的 class。

如果被选元素包含指定的类，该方法返回 "true"。

语法$(selector).hasClass(class)

参数：class：必需。规定需要在指定元素中查找的类。

示例：检查

元素是否包含 "intro" 类：

$(document).ready(function(){

$("button").click(function(){

alert($("p").hasClass("intro"));

});

});

.intro{

font-size:120%;

color:red;

}

这是一个段落标题

这是一个段落

这是另外一个段落

是否有 p 元素使用了 "intro" 类?

效果图：

2、使用is() 方法

is() 方法用于查看选择的元素是否匹配选择器。

根据选择器、DOM元素或 jQuery 对象来检测匹配元素集合，如果其中至少有一个元素符合这个给定的表达式就返回true。

如果没有元素符合，或者表达式无效，都返回'false'。 '''注意：'''在jQuery 1.3中才对所有表达式提供了支持。在先前版本中，如果提供了复杂的表达式，比如层级选择器(比如 + , ~ 和 > )，始终会返回true

语法$(selector).is(selectorElement,function(index,element))

参数selectorElement：必须。选择器表达式，根据选择器/元素/jQuery 对象检查匹配元素集合，如果存在至少一个匹配元素，则返回 true，否则返回 false

function(index,element)：可选。指定了选择元素组要执行的函数。index - 元素的索引位置

element - 当前元素 ( "this" 选择器也可以使用 )

示例：检查

元素是否包含 "intro" 类：

$(document).ready(function() {

$("button").click(function() {

alert($("p").is(".intro"));

});

});

.intro {

font-size: 120%;

color: red;

}

这是一个段落标题

这是一个段落

这是另外一个段落

是否有 p 元素使用了 "intro" 类?

更多jQuery相关技术文章，请访问 jQuery答疑 栏目进行学习！！