jQuery 获取类
Sheeraz Gul
2022年7月18日
本教程演示了如何在 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>
上面的代码将提醒给定元素的类名。见输出：
让我们检查该类是否具有我们从 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。见输出：
Author: Sheeraz Gul
Sheeraz is a Doctorate fellow in Computer Science at Northwestern Polytechnical University, Xian, China. He has 7 years of Software Development experience in AI, Web, Database, and Desktop technologies. He writes tutorials in Java, PHP, Python, GoLang, R, etc., to help beginners learn the field of Computer Science.
LinkedIn Facebook