jquery如何實(shí)現(xiàn)元素可編輯

發(fā)布時(shí)間：2022-05-23 15:04:22 來(lái)源：億速云閱讀：186 作者：iii 欄目：web開發(fā)

本篇內(nèi)容主要講解“jquery如何實(shí)現(xiàn)元素可編輯”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“jquery如何實(shí)現(xiàn)元素可編輯”吧!

兩種方法：1、用prop()將disabled屬性的值設(shè)置為false，語(yǔ)法“元素對(duì)象.prop("disabled",false)”。2、用removeAttr()刪除屬性，語(yǔ)法“元素對(duì)象.removeAttr("disabled")”。

本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。

在HTML中，如果元素（textarea、input等）設(shè)置了disabled屬性，就會(huì)處于不可編輯狀態(tài)。

那么怎么將不可編輯的元素恢復(fù)可編輯狀態(tài)呢，下面介紹一下jquery方法。

1、使用prop()

只需要將disabled屬性值設(shè)置為false即可。

<!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").prop("disabled",false);
			});
		});
		</script>
	</head>
	<body>

		<input type="text" disabled="disabled" />
		<br><br>
		<button>實(shí)現(xiàn)可編輯</button>

	</body>
</html>

jquery如何實(shí)現(xiàn)元素可編輯

2、使用removeAttr()

只需要使用removeAttr()刪除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").removeAttr("disabled");
			});
		});
		</script>
	</head>
	<body>

		<input type="text" disabled="disabled" />
		<br><br>
		<button>實(shí)現(xiàn)可編輯</button>

	</body>
</html>

jquery如何實(shí)現(xiàn)元素可編輯

到此，相信大家對(duì)“jquery如何實(shí)現(xiàn)元素可編輯”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

向AI問(wèn)一下細(xì)節(jié)

jquery如何實(shí)現(xiàn)元素可編輯

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽