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

學(xué)無(wú)先后,達(dá)者為師

網(wǎng)站首頁(yè) 編程語(yǔ)言 正文

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

作者:Yu_涼城 ? 更新時(shí)間: 2022-05-22 編程語(yǔ)言

一、jQuery?

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

實(shí)例:

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

源碼:




?
?




如果你點(diǎn)我,我就會(huì)消失。

繼續(xù)點(diǎn)我!

接著點(diǎn)我!

運(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只讀屬性


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

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

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

欄目分類
最近更新