jquery批量設(shè)置屬性readonly和disabled的方法
更新時(shí)間：2014年01月24日 15:42:28 作者：
批量設(shè)置屬性的方法有很多，在本文為大家介紹下使用jquery批量設(shè)置readonly和disabled屬性
Jquery的api中提供了對(duì)元素應(yīng)用disabled和readonly屬性的方法，在這里記錄下。如下：
1.readonly
$('input').attr("readonly","readonly")//將input元素設(shè)置為readonly
$('input').removeAttr("readonly");//去除input元素的readonly屬性
if($('input').attr("readonly")==true)//判斷input元素是否已經(jīng)設(shè)置了readonly屬性
對(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屬性
2.disabled
$('input').attr("disabled","disabled")//將input元素設(shè)置為disabled
$('input').removeAttr("disabled");//去除input元素的disabled屬性
if($('input').attr("disabled")==true)//判斷input元素是否已經(jīng)設(shè)置了disabled屬性
對(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屬性
1.readonly
復(fù)制代碼 代碼如下:
$('input').attr("readonly","readonly")//將input元素設(shè)置為readonly
$('input').removeAttr("readonly");//去除input元素的readonly屬性
if($('input').attr("readonly")==true)//判斷input元素是否已經(jīng)設(shè)置了readonly屬性
對(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屬性
2.disabled
復(fù)制代碼 代碼如下:
$('input').attr("disabled","disabled")//將input元素設(shè)置為disabled
$('input').removeAttr("disabled");//去除input元素的disabled屬性
if($('input').attr("disabled")==true)//判斷input元素是否已經(jīng)設(shè)置了disabled屬性
對(duì)于為元素設(shè)置disabled屬性和取消disabled屬性的方法還有如下兩種：
復(fù)制代碼 代碼如下:
$('input').attr("disabled",true)//將input元素設(shè)置為disabled
$('input').attr("disabled",false)//去除input元素的disabled屬性
復(fù)制代碼 代碼如下:
$('input').attr("disabled","disabled")//將input元素設(shè)置為disabled
$('input').attr("disabled","")//去除input元素的disabled屬性
相關(guān)文章
這篇文章主要介紹了jQuery中die()方法用法,實(shí)例分析了die()方法的功能、定義及移除所有通過(guò)live()方法向指定元素添加的一個(gè)或多個(gè)事件處理程序的使用技巧,需要的朋友可以參考下2015-01-01
jQuery.cookie.js實(shí)現(xiàn)記錄最近瀏覽過(guò)的商品功能示例
這篇文章主要介紹了jQuery.cookie.js實(shí)現(xiàn)記錄最近瀏覽過(guò)的商品功能,結(jié)合實(shí)例形式分析了基于jQuery.cookie.js插件創(chuàng)建cookie及保存瀏覽記錄的操作技巧,需要的朋友可以參考下2017-01-01
這篇文章主要介紹一個(gè)自寫的jQuery異步加載數(shù)據(jù)添加事件的方法,需要的朋友可以參考下2014-05-05
前面兩篇已經(jīng)道明了jQuery的核心框架。弄清楚了jQuery對(duì)象的組成，以及如何用extend方法來(lái)擴(kuò)展庫(kù)。鏈?zhǔn)讲僮?也僅僅是方法體內(nèi)返回this。2011-06-06
Yii-自定義刪除確認(rèn)彈框(zyd)jquery實(shí)現(xiàn)代碼
Yii-自定義刪除確認(rèn)彈框(zyd),簡(jiǎn)單/時(shí)尚/大方適合比較愛酷的人使用，時(shí)尚的你可不要錯(cuò)過(guò)了哈，希望本文知識(shí)點(diǎn)可以幫助到你2013-03-03
firefox下jquery iframe刷新頁(yè)面提示會(huì)導(dǎo)致重復(fù)之前動(dòng)作
刷新頁(yè)面會(huì)提示要顯示此頁(yè)面， Firefox 必須發(fā)送將會(huì)導(dǎo)致重復(fù)之前動(dòng)作的數(shù)據(jù),此問題很是疑惑,接下來(lái)將為您解答，需要的朋友可以了解下2012-12-12
jQuery實(shí)現(xiàn)鼠標(biāo)滑向當(dāng)前圖片高亮顯示并且其它圖片變灰的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)滑向當(dāng)前圖片高亮顯示并且其它圖片變灰的方法,涉及jquery鏈?zhǔn)讲僮骷绊?yè)面元素樣式控制的相關(guān)技巧,需要的朋友可以參考下2015-07-07
jQuery中:last-child選擇器用法實(shí)例
這篇文章主要介紹了jQuery中:last-child選擇器用法,實(shí)例分析了:last-child選擇器功能、定義及匹配父元素的最后一個(gè)子元素用法技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
解決 PHP 拼數(shù)據(jù)這方面的問題而有了 Smarty 這些模版，JavaScript 也可以利用模版來(lái)解決這些問題，比如基于 jQuery 的 jquery.tmpl2014-08-08
jquery cookie實(shí)現(xiàn)的簡(jiǎn)單換膚功能適合小網(wǎng)站
使用jquery cookie做了一個(gè)簡(jiǎn)單的換膚功能適合小網(wǎng)站并且代碼低級(jí)，具體實(shí)現(xiàn)過(guò)程如下，感興趣的朋友可以了解下2013-08-08