jquery怎么给元素增加disable属性

157 阅读 0 评论 104 点赞

我是靠谱客的博主清爽香氛，这篇文章主要介绍jquery怎么给元素增加disable属性，现在分享给大家，希望可以做个参考。

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

disabled 属性规定应该禁用元素。被禁用的元素既不可用，也不可点击。

jquery给元素增加disable属性的方法

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

使用attr() 方法给元素增加disable属性有两种方法

复制代码$(selector).attr("disabled",true);
$(selector).attr("disabled","disabled");1
2
$(selector).attr("disabled",true);
$(selector).attr("disabled","disabled");
登录后复制

示例：

复制代码<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function(){
				$("button").click(function(){
					// $("input").attr("disabled",true);
					$("input").attr("disabled","disabled");
				});
			});
		</script>
	</head>
	<body>

		<input type="text" />
		<br><br>
		<button>增加disable属性</button>

	</body>
</html>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function(){
				$("button").click(function(){
					// $("input").attr("disabled",true);
					$("input").attr("disabled","disabled");
				});
			});
		</script>
	</head>
	<body>

		<input type="text" />
		<br><br>
		<button>增加disable属性</button>

	</body>
</html>
登录后复制