溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

jquery怎么對(duì)標(biāo)簽添加只讀或禁用屬性

發(fā)布時(shí)間：2022-03-21 09:15:37 來(lái)源：億速云 閱讀：344 作者：iii 欄目：開(kāi)發(fā)技術(shù)

這篇文章主要介紹了jquery怎么對(duì)標(biāo)簽添加只讀或禁用屬性的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇jquery怎么對(duì)標(biāo)簽添加只讀或禁用屬性文章都會(huì)有所收獲，下面我們一起來(lái)看看吧。

一、jQuery 

  • jQuery 是一個(gè) JavaScript 庫(kù)。

  • jQuery 極大地簡(jiǎn)化了 JavaScript 編程。

  • jQuery 很容易學(xué)習(xí)。

實(shí)例：

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

源碼：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鳥(niǎo)教程(runoob.com)</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é)果：

jquery怎么對(duì)標(biāo)簽添加只讀或禁用屬性

上圖運(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)簽添加只讀或禁用屬性”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對(duì)“jquery怎么對(duì)標(biāo)簽添加只讀或禁用屬性”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道。

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

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手