您好,登錄后才能下訂單哦!
這篇文章主要介紹了jquery怎么對標簽添加只讀或禁用屬性的相關知識,內容詳細易懂,操作簡單快捷,具有一定借鑒價值,相信大家閱讀完這篇jquery怎么對標簽添加只讀或禁用屬性文章都會有所收獲,下面我們一起來看看吧。
jQuery
是一個 JavaScript
庫。
jQuery 極大地簡化了 JavaScript 編程。
jQuery 很容易學習。
實例:
$(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); });
源碼:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鳥教程(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>如果你點我,我就會消失。</p> <p>繼續點我!</p> <p>接著點我!</p> </body> </html>
運行結果:
上圖運行結果只要點擊文字就會消失,感興趣的小伙伴可以下去試一下
例1、jquery 設置readonly屬性
$('input').attr("readonly","readonly") //將input元素設置為readonly $('input').removeAttr("readonly"); //去除input元素的readonly屬性 if($('input').attr("readonly") == true)//判斷input元素是否已經設置了readonly屬性
例2、對于為元素設置readonly屬性和取消readonly屬性的方法
$('input').attr("readonly",true)//將input元素設置為readonly $('input').attr("readonly",false)//去除input元素的readonly屬性 $('input').attr("readonly","readonly")//將input元素設置為readonly $('input').attr("readonly","")//去除input元素的readonly屬性
例1、jquery 設置disabled屬性
$('input').attr("disabled","disabled")//將input元素設置為disabled $('input').removeAttr("disabled");//去除input元素的disabled屬性 if($('input').attr("disabled")==true)//判斷input元素是否已經設置了disabled屬性
例2、對于為元素設置disabled屬性和取消disabled屬性的方法
$('input').attr("disabled",true)//將input元素設置為disabled $('input').attr("disabled",false)//去除input元素的disabled屬性 $('input').attr("disabled","disabled")//將input元素設置為disabled $('input').attr("disabled","")//去除input元素的disabled屬性
<input id="test" type="text" /> $("#test").attr({"readonly":"readonly"}); //添加readonly屬性 // 或者 $("#ID").attr({ readonly: 'true' }); $("#test").removeAttr("readonly"); //去除readonly屬性
關于“jquery怎么對標簽添加只讀或禁用屬性”這篇文章的內容就介紹到這里,感謝各位的閱讀!相信大家對“jquery怎么對標簽添加只讀或禁用屬性”知識都有一定的了解,大家如果還想學習更多知識,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。