jQuery检查元素是否已连接

jQuery代码段检查网页元素是否附上特定的CSS类。可以用来检查元素是否需要其他格式化或要保护某些页面元素。为此，我们可以使用jQuery hasclass（）函数或jQuery is（）函数。

<span>$("div").click(function(){
</span>	<span>if ( $(this).hasClass("protected") ) {
</span>		<span>//do something it does have the protected class!
</span>		<span>alert("i have the protected class");
</span>	<span>}
</span><span>});</span>

或者

<span>$("div").click(function(){
</span>   <span>if ( $('#myDiv').is('.pretty.awesome') ) {
</span>	   <span>//do something it does have the protected class!
</span>	   <span>alert("i have the pretty and awesome classes");
</span>   <span>}
</span><span>});</span>

注意：此方法也使您还可以测试其他事情。即 - 检查一个元素是否隐藏。

<span>if ( $('#myDiv').is(':hidden') ) {
</span>   <span>//do something I am hidden!
</span>   <span>alert("i am hidden!");
</span><span>}</span>

经常询问有关jQuery和Element类的问题（常见问题解答）

>我如何使用jQuery检查元素是否具有多个类？

在jQuery中，您可以通过使用HasClass（）方法与逻辑运算符结合使用hastClass（）方法来检查元素是否具有多个类。例如，如果您想检查一个元素是否具有“ class1”和“ class2”，则可以使用以下代码：
>如果尚不具有jQuery，我可以使用jQuery将类添加到元素中吗？您可以做到这一点：

> if（！$（'＃element'）。hasclass（'class1'））{
$（'＃element'）。addclass（'class1''）;

}

}

在此代码，$（'＃element'）中使用ID元素'）在ID元素中选择元素。如果不是这样，AddClass（'class1'）将“ class1”添加到元素中。

如何使用jquery？
>如何从元素中删除类？以下是一个示例：

$（'＃element'）。removeClass（'class1'）;
在此代码中，$（'＃element'）选择具有id“ element''的元素，然后ememoveClass（'class1'）将'class1'删除。元素使用jQuery完全具有任何类。您可以通过检查attr（'class'）方法返回未定义来做到这一点。以下是您可以做到的：

> if（$（'＃element'）。attr（'class'）！== undefined）{

//在此代码中执行一些

}
在此代码中，$（＃element'）在带有ID'element'的元素中选择元素，然后选择“ element''，class（'class''）属于元素的属性。如果不是不确定的，则该元素至少有一个类。
>

>如何使用jQuery？

在元素上切换一个类，您可以在jQuery中使用toggleclass（）方法来切换元素上的类。这意味着，如果元素具有类，将被删除；如果没有课程，它将被添加。以下是一个示例：

$（'＃element'）。toggleclass（'class1'）;
在此代码中，$（'＃element'）选择具有ID'element'的元素，然后toggleclass（'class1'

以上是jQuery检查元素是否已连接的详细内容。更多信息请关注PHP中文网其他相关文章！