jquery怎么移除元素属性_心得技巧

上一篇: jquery怎么隐藏某个div 下一篇:css3两种盒模型的区别是什么

jquery怎么移除元素属性

发布时间：2022-05-17 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了jquery怎么移除元素属性，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

jquery移除元素属性的方法：1、使用removeattr()，语法“$(selector).removeAttr("要移除的属性名")”；2、使用attr()，语法“$(selector).attr("要移除的属性名","")”。

jquery怎么移除元素属性

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery移除元素属性

方法1：使用removeAttr()

removeAttr() 方法从被选元素中移除属性。

<!DOCTYPE htML>
<html>
	<head>
		<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("p").removeAttr("style");
				});
			});
		</script>
	</head>

	<body>
		<h1>这是一个标题</h1>
		<p style="font-Size:120%;color:red">这是一个段落。</p>
		<p>这是另一个段落。</p>
		<button>删除所有 p 元素的 style 属性</button>
	</body>
</html>

jquery怎么移除元素属性

方法2：使用attr()

attr() 方法设置或返回被选元素的属性值。

当使用attr() 方法将被选元素的属性值设置为空时，也可让指定属性失效。

<!DOCTYPE html>
<html>
	<head>
		<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("p").attr("style","");
				});
			});
		</script>
	</head>

	<body>
		<h1>这是一个标题</h1>
		<p style="font-size:120%;color:red">这是一个段落。</p>
		<p>这是另一个段落。</p>
		<button>删除所有 p 元素的 style 属性</button>
	</body>
</html>

jquery怎么移除元素属性

【推荐学习：jQuery视频教程、web前端开发视频】

以上就是jquery怎么移除元素属性的详细内容，更多请关注脚本宝典其它相关文章！

脚本宝典总结

以上是脚本宝典为你收集整理的jquery怎么移除元素属性全部内容，希望文章能够帮你解决jquery怎么移除元素属性所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：

上一篇: jquery怎么隐藏某个div 下一篇:css3两种盒模型的区别是什么

猜你在找的心得技巧相关文章

clion结合vcpkg以及GTest的使用 2022-07-07
EGF 2022-06-06
ExtJS 布局-Column布局（Column layout） 2022-06-05
颜色之ARGB与RGB、RGBA的区别与介绍 2022-04-15
rgba中的a是什么意思 CSS之RGBA颜色指南 2022-04-15
rootfs -根文件系统制作 2022-07-07
网页简单布局之结构与表现原则分享 2022-04-15
小项目中怎么防止Vue的闪现画面效果 2022-04-15
隐藏 Web 中的元素方法及优缺点教程详解 2022-04-15
告别硬编码让你的前端表格自动计算的实例代码 2022-04-15