jquery 屏蔽一個(gè)區(qū)域內(nèi)的所有元素，禁止輸入
更新時(shí)間：2009年10月22日 13:20:48 作者：
有時(shí)候，需要屏蔽一個(gè)div中所有的input類型，使用jquery很簡(jiǎn)單有效的完成。
jquery 擴(kuò)展函數(shù)：
<script type="text/javascript">
(function($) {
$.fn.disable = function() {
/// <summary>
/// 屏蔽所有元素
/// </summary>
/// <returns type="jQuery" />
return $(this).find("*").each(function() {
$(this).attr("disabled", "disabled");
});
}
$.fn.enable = function() {
/// <summary>
/// 使得所有元素都有效
/// </summary>
/// <returns type="jQuery" />
return $(this).find("*").each(function() {
$(this).removeAttr("disabled");
});
}
})(jQuery);
</script>
使用方式：裝載立即屏蔽：
<script type="text/javascript">
$(document).ready(function() {
$("#div_test").disable();
});
</script>
結(jié)果不是很美觀，但是還是蠻有效。
當(dāng)然美觀的方式是在上面建立一個(gè)圖層進(jìn)行屏蔽。
復(fù)制代碼 代碼如下:
<script type="text/javascript">
(function($) {
$.fn.disable = function() {
/// <summary>
/// 屏蔽所有元素
/// </summary>
/// <returns type="jQuery" />
return $(this).find("*").each(function() {
$(this).attr("disabled", "disabled");
});
}
$.fn.enable = function() {
/// <summary>
/// 使得所有元素都有效
/// </summary>
/// <returns type="jQuery" />
return $(this).find("*").each(function() {
$(this).removeAttr("disabled");
});
}
})(jQuery);
</script>
使用方式：裝載立即屏蔽：
復(fù)制代碼 代碼如下:
<script type="text/javascript">
$(document).ready(function() {
$("#div_test").disable();
});
</script>
結(jié)果不是很美觀，但是還是蠻有效。
當(dāng)然美觀的方式是在上面建立一個(gè)圖層進(jìn)行屏蔽。
相關(guān)文章
這里所說(shuō)的，用jquery去驗(yàn)證某一組多選至少要有一個(gè)選中，某一組單選至少有一個(gè)選中，，大家都知道單一的一個(gè)用js比較好驗(yàn)證，但是想要用jquery的驗(yàn)證并且用到j(luò)query驗(yàn)證的提示信息，那么這就不好辦了2013-08-08
一直對(duì)stop的用法一知半解，今天抽點(diǎn)時(shí)間學(xué)習(xí)下jQuery stop()用法實(shí)例詳解的相關(guān)知識(shí)，特此分享腳本之家平臺(tái)，供大家參考2016-07-07
關(guān)于juqery radio寫(xiě)法的兼容性問(wèn)題(新老版本jquery)
最近經(jīng)客戶反映，頁(yè)面某些效果無(wú)反應(yīng)，經(jīng)查找，發(fā)現(xiàn)juqery的寫(xiě)法有問(wèn)題（jquery獲取radio值）,主要是因?yàn)樾掳姹拘薷牧瞬糠謱?shí)現(xiàn)方式。2010-06-06
這篇文章主要 介紹了jQuery利用jquery.qrcode.min.js插件實(shí)現(xiàn)二維碼掃描功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
本篇文章小編為大家介紹一下JQueryEasyUI datagrid框架的基本使用，有需要的朋友可以參考一下本文。2013-04-04
這篇文章主要介紹了jQuery中prevUntil()方法用法,實(shí)例分析了按條件查找匹配元素之前所有的同輩元素的使用技巧,需要的朋友可以參考下2015-01-01
jQuery中校驗(yàn)時(shí)間格式的正則表達(dá)式小結(jié)
下面我介紹兩種校驗(yàn)時(shí)間格式的正則表達(dá)式實(shí)例了，這個(gè)其實(shí)可以直接叫js了，因?yàn)檎齽t功能jquery與js是一樣的，下面看實(shí)例2013-09-09
jquery xMarquee實(shí)現(xiàn)文字水平無(wú)縫滾動(dòng)效果
這篇文章主要介紹了jquery xMarquee實(shí)現(xiàn)文字水平無(wú)縫滾動(dòng)效果,需要的朋友可以參考下2014-04-04
cookie的復(fù)制與使用記住用戶名實(shí)現(xiàn)代碼
正如標(biāo)題所言cookie如何復(fù)制、使用與記住用戶名，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-11-11
利用JQuery實(shí)現(xiàn)datatables插件的增加和刪除行功能
這篇文章給大家介紹了jquery實(shí)現(xiàn)datatables插件的增加和刪除行的功能，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下2017-01-01