jQuery 获取类
本教程演示了如何在 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。见输出：
相关文章
用 jQuery 检查复选框是否被选中
发布时间：2024/03/24 浏览次数：98 分类：JavaScript
-
在本教程中学习 jQuery 检查复选框是否被选中的所有很酷的方法。我们展示了使用直接 DOM 操作、提取 JavaScript 属性的 jQuery 方法以及使用 jQuery 选择器的不同方法。你还将找到许多有用的
jQuery 中的 Window.onload 与 $(document).ready
发布时间：2024/03/24 浏览次数：171 分类：JavaScript
-
本教程演示了如何在 jQuery 中使用 Window.onload 和 $(document).ready 事件。
在 jQuery 中处理 $.ajax 失败
发布时间：2024/03/24 浏览次数：136 分类：JavaScript
-
在今天的文章中，我们将学习在 jQuery 中处理 AJAX 中的失败请求。
