jQuery 获取类

JavaScript 1周前 7

本教程演示了如何在 jQuery 中获取类名。

jQuery 获取类

attr() 方法可以获取 jQuery 中的类名。除此方法外，hasClass() 方法可用于检查特定元素是否具有特定类名。

让我们描述并展示这两种方法的示例。

attr() 方法用于获取 HTML 元素属性的值。我们可以使用 attr() 方法中的类名作为参数来获取类的名称。

使用 attr 方法获取类名的语法如下。

attr("class")

让我们试试这个方法的一个例子。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery Get Class Name</title>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script>
    $(document).ready(function(){
        $("button").click(function(){
            var Name = $("#DELFTSTACK").attr("class");
            alert(Name);
        });
    });
    </script>
</head>
<body>
    <div id="DELFTSTACK" class="Delfstack">Click the button to get the class name for this element.</div>
    <button type="button">Click Here</button>
</body>
</html>

上面的代码将提醒给定元素的类名。见输出：

jQuery 获取类

让我们检查该类是否具有我们从 attr() 方法获得的名称。为此，我们可以使用 hasClass() 方法。

参见示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jQuery Get Class Name</title>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script>
    $(document).ready(function(){
        $("button").click(function(){
            var Name = $("#DELFTSTACK").attr("class");
            if ($( "#DELFTSTACK" ).hasClass( Name )){
                alert(Name);
            }
        });
    });
    </script>
</head>
<body>
    <div id="DELFTSTACK" class="Delfstack">Click the button to get the class name for this element.</div>
    <button type="button">Click Here</button>
</body>
</html>

上面的代码将有类似的输出，因为 attr 方法将返回正确的类名，而 hasClass 将返回 true。见输出：

jQuery 获取类

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布，任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站。本站所有源码与软件均为原作者提供，仅供学习和研究使用。如您对本站的相关版权有任何异议，或者认为侵犯了您的合法权益，请及时通知我们处理。