jquery 屏蔽一個區(qū)域內(nèi)的所有元素，禁止輸入
更新時間：2009年10月22日 13:20:48 作者：
有時候，需要屏蔽一個div中所有的input類型，使用jquery很簡單有效的完成。
jquery 擴展函數(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>
結果不是很美觀，但是還是蠻有效。
當然美觀的方式是在上面建立一個圖層進行屏蔽。
復制代碼 代碼如下:
<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>
結果不是很美觀，但是還是蠻有效。
當然美觀的方式是在上面建立一個圖層進行屏蔽。
您可能感興趣的文章:
相關文章
這里所說的，用jquery去驗證某一組多選至少要有一個選中，某一組單選至少有一個選中，，大家都知道單一的一個用js比較好驗證，但是想要用jquery的驗證并且用到jquery驗證的提示信息，那么這就不好辦了2013-08-08
一直對stop的用法一知半解，今天抽點時間學習下jQuery stop()用法實例詳解的相關知識，特此分享腳本之家平臺，供大家參考2016-07-07
關于juqery radio寫法的兼容性問題(新老版本jquery)
最近經(jīng)客戶反映，頁面某些效果無反應，經(jīng)查找，發(fā)現(xiàn)juqery的寫法有問題（jquery獲取radio值）,主要是因為新版本修改了部分實現(xiàn)方式。2010-06-06
這篇文章主要 介紹了jQuery利用jquery.qrcode.min.js插件實現(xiàn)二維碼掃描功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
本篇文章小編為大家介紹一下JQueryEasyUI datagrid框架的基本使用，有需要的朋友可以參考一下本文。2013-04-04
這篇文章主要介紹了jQuery中prevUntil()方法用法,實例分析了按條件查找匹配元素之前所有的同輩元素的使用技巧,需要的朋友可以參考下2015-01-01
下面我介紹兩種校驗時間格式的正則表達式實例了，這個其實可以直接叫js了，因為正則功能jquery與js是一樣的，下面看實例2013-09-09
jquery xMarquee實現(xiàn)文字水平無縫滾動效果
這篇文章主要介紹了jquery xMarquee實現(xiàn)文字水平無縫滾動效果,需要的朋友可以參考下2014-04-04
正如標題所言cookie如何復制、使用與記住用戶名，下面有個不錯的示例，感興趣的朋友可以參考下2013-11-11
利用JQuery實現(xiàn)datatables插件的增加和刪除行功能
這篇文章給大家介紹了jquery實現(xiàn)datatables插件的增加和刪除行的功能，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下2017-01-01