jquery如何删除多个元素中的class属性

蜗牛 互联网技术资讯 2022-06-10 35 0

这篇文章主要讲解了“jquery如何删除多个元素中的class属性”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“jquery如何删除多个元素中的class属性”吧!

删除方法:1、利用class类选择器获取多个元素,语法“$(".class属性值")”,会返回包含多个指定元素的jQuery对象;2、利用removeAttr()函数删除获取到的元素对象上的class属性即可,语法“元素对象.removeAttr("class")”。

本教程操作环境:windows7系统、jquery3.6.0版本、Dell G3电脑。

jquery删除多个元素中class属性的方法

实现思想:

  • 利用class类选择器获取多个元素

$(".class属性值")

会返回包含多个指定元素的jQuery对象

  • 利用removeAttr()方法删除class属性

元素对象.removeAttr("class")

实现代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="./js/jquery-3.6.0.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").on("click", function() {
					$(".box").removeAttr("class");
				});
			});
		</script>
	</head>
	<body>

		<div class="box">测试元素</div>
		<p class="box">测试元素</p>
		<span class="box">测试元素</span>
		<div class="box">测试元素</div>
		<br>
		<button>删除多个元素中的class属性</button>
	</body>
</html>

jquery如何删除多个元素中的class属性  jquery 第1张

感谢各位的阅读,以上就是“jquery如何删除多个元素中的class属性”的内容了,经过本文的学习后,相信大家对jquery如何删除多个元素中的class属性这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是蜗牛博客,小编将为大家推送更多相关知识点的文章,欢迎关注!

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:niceseo99@gmail.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

评论