jquery如何增加和删除属性

这篇“jquery如何增加和删除属性”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“jquery如何增加和删除属性”文章吧。

发展壮大离不开广大客户长期以来的信赖与支持，我们将始终秉承“诚信为本、服务至上”的服务理念，坚持“二合一”的优良服务模式，真诚服务每家企业，认真做好每个细节，不断完善自我，成就企业，实现共赢。行业涉及成都服务器托管等，在成都网站建设公司、全网营销推广、WAP手机网站、VI设计、软件开发等项目上具有丰富的设计经验。

在jquery中，可用attr()或prop()给元素增加属性，语法“对象.attr("属性名","值")”或“对象.prop("属性名","值")”；可用removeAttr()删除属性，语法“对象.removeAttr("属性名")”。

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

jquery增加和删除属性的方法

1、使用attr()或prop()增加属性

prop()和 attr() 都可用来设置元素的 HTML 属性的。

示例1：使用attr()增加disabled属性

	
		
		
		
			$(document).ready(function() {
				$("button").click(function() {
					$("textarea").attr("disabled", "disabled");
					// $("textarea").attr("disabled","true");
				});
			});
		
	

	
		


		让textarea不可编辑
	

示例2：使用prop()增加readonly属性

	
		
		
		
			$(document).ready(function() {
				$("button").click(function() {
					$("input").attr("readonly","readonly");
				});
			});
		
		
			.intro {
				font-size: 120%;
				color: red;
			}
		
	

	
		

		给input添加只读属性
	

2、使用removeAttr()删除属性

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

示例：使用removeAttr()删除hidden属性

hidden 属性规定对元素进行隐藏。隐藏的元素不会被显示。

删除该属性，可让元素显示。

	
		
		
		
	
	
		
这是一段可见的段落。
		这是一段被隐藏的段落，现在显示出来了。

		
这是一段可见的段落。
		删除hidden属性
	

以上就是关于“jquery如何增加和删除属性”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注创新互联行业资讯频道。