快捷導(dǎo)航

jquery對(duì)標(biāo)簽添加只讀（readonly）或者禁用（disabled）屬性

更新時(shí)間：2022年03月20日 09:20:17 作者：Yu_涼城

這篇文章主要介紹了jquery對(duì)標(biāo)簽添加只讀（readonly）或者禁用（disabled）屬性，jQuery是一個(gè)JavaScript庫。極大地簡化了JavaScript編程，下面關(guān)于其詳細(xì)介紹，需要的小伙伴可以參考一下

一、jQuery

jQuery 是一個(gè) JavaScript 庫。
jQuery 極大地簡化了 JavaScript 編程。
jQuery 很容易學(xué)習(xí)。

實(shí)例：

$(document).ready(function(){
? $("p").click(function(){
? ? $(this).hide();
? });
});

源碼：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">?
<title></title>?
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
? $("p").click(function(){
? ? $(this).hide();
? });
});
</script>
</head>
<body>
<p>如果你點(diǎn)我，我就會(huì)消失。</p>
<p>繼續(xù)點(diǎn)我!</p>
<p>接著點(diǎn)我!</p>
</body>
</html>

運(yùn)行結(jié)果：

上圖運(yùn)行結(jié)果只要點(diǎn)擊文字就會(huì)消失，感興趣的小伙伴可以下去試一下

二、關(guān)于readonly屬性

例1、jquery 設(shè)置readonly屬性

$('input').attr("readonly","readonly") //將input元素設(shè)置為readonly
$('input').removeAttr("readonly"); //去除input元素的readonly屬性
??
if($('input').attr("readonly") == true)//判斷input元素是否已經(jīng)設(shè)置了readonly屬性

例2、對(duì)于為元素設(shè)置readonly屬性和取消readonly屬性的方法

$('input').attr("readonly",true)//將input元素設(shè)置為readonly
$('input').attr("readonly",false)//去除input元素的readonly屬性
?
$('input').attr("readonly","readonly")//將input元素設(shè)置為readonly
$('input').attr("readonly","")//去除input元素的readonly屬性

三、jquery 設(shè)置disabled屬性

例1、jquery 設(shè)置disabled屬性

$('input').attr("disabled","disabled")//將input元素設(shè)置為disabled
$('input').removeAttr("disabled");//去除input元素的disabled屬性
??
if($('input').attr("disabled")==true)//判斷input元素是否已經(jīng)設(shè)置了disabled屬性

例2、對(duì)于為元素設(shè)置disabled屬性和取消disabled屬性的方法

$('input').attr("disabled",true)//將input元素設(shè)置為disabled
$('input').attr("disabled",false)//去除input元素的disabled屬性
?
$('input').attr("disabled","disabled")//將input元素設(shè)置為disabled
$('input').attr("disabled","")//去除input元素的disabled屬性

四、jquery動(dòng)態(tài)添加文本框的readonly只讀屬性

<input id="test" type="text" ?/>
?
?$("#test").attr({"readonly":"readonly"}); //添加readonly屬性
?// 或者
?$("#ID").attr({ readonly: 'true' });

?$("#test").removeAttr("readonly"); ? ?//去除readonly屬性

到此這篇關(guān)于jquery對(duì)標(biāo)簽添加只讀（readonly）或者禁用（disabled）屬性的文章就介紹到這了,更多相關(guān)jquery對(duì)標(biāo)簽添加只讀或禁用屬性內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: