📌  相关文章
📜  jquery 检查 div 是否具有某种样式 - Javascript (1)

📅  最后修改于: 2023-12-03 15:32:13.892000             🧑  作者: Mango

Jquery检查Div是否具有某种样式 - Javascript

JQuery是一款快速、简洁的JavaScript库。通过本文，我将向您展示如何使用JQuery检查一个div是否具有某种指定的样式。

使用hasClass()函数检查div是否具有某种样式

JQuery中的hasClass()函数可用于检查元素是否具有某种指定的样式。以下是具有hasClass()函数的JQuery语法：

$(selector).hasClass(classname);
  • selector：CSS样式中的元素选择器的名称。
  • classname:要查找的CSS类名称。

若要检查Div是否具有某种class，可以使用下面这种形式的JQuery代码：

if ($('#exampleDiv').hasClass('myClass')) {
// 如果元素具有'myClass'类，执行此处的代码
}
示例
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#checkBtn").click(function(){
    if ($("#exampleDiv").hasClass("myClass")) {
      $("#result").html("该元素具有'myClass' class。");
    } else {
      $("#result").html("该元素不具有'myClass' class。");
    }
  });
});
</script>
</head>
<body>

<div id="exampleDiv" class="myClass">这是一个例子。</div>
<button id="checkBtn">检查</button>
<p id="result"></p>

</body>
</html>

本例演示如何使用JQuery检查一个div是否具有'myClass'类，当单击检查按钮时，将在下方的段落元素中显示结果。

原文链接：https://www.w3schools.com/jquery/css_hasclass.asp