日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后，達者為師

網站首頁 編程語言 正文

jquery對標簽添加只讀（readonly）或者禁用（disabled）屬性_jquery

作者：Yu_涼城 ? 更新時間： 2022-05-22 編程語言

一、jQuery?

  • jQuery 是一個 JavaScript 庫。
  • jQuery 極大地簡化了 JavaScript 編程。
  • jQuery 很容易學習。

實例：

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

源碼：




?
?





如果你點我，我就會消失。


繼續點我!


接著點我!

運行結果：

上圖運行結果只要點擊文字就會消失，感興趣的小伙伴可以下去試一下

二、關于readonly屬性

例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屬性

三、jquery 設置disabled屬性

例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屬性

四、jquery動態添加文本框的readonly只讀屬性


?
?$("#test").attr({"readonly":"readonly"}); //添加readonly屬性
?// 或者
?$("#ID").attr({ readonly: 'true' });

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

原文鏈接：https://www.cnblogs.com/yuzongjie/p/14555926.html

欄目分類
最近更新