基于jquery點擊自以外任意處，關(guān)閉自身的代碼
更新時間：2012年02月10日 17:29:16 作者：
主要功能是點擊顯示，然后通過點擊頁面的任意位置都能關(guān)閉顯示效果，主要是$(document).click的作用
Html:
<div class="down">click</div>
<div class="con hide">show-area</div>
CSS:
.hide{display:none;}
js:
$(document).ready(function(){
$("div.down").click(function(e){
e.stopPropagation();
$("div.con").removeClass("hide");
});
$(document).click(function(){
if(!$("div.con").hasClass("hide")){
$("div.con").addClass("hide");
}
});
});
復(fù)制代碼 代碼如下:
<div class="down">click</div>
<div class="con hide">show-area</div>
CSS:
復(fù)制代碼 代碼如下:
.hide{display:none;}
js:
復(fù)制代碼 代碼如下:
$(document).ready(function(){
$("div.down").click(function(e){
e.stopPropagation();
$("div.con").removeClass("hide");
});
$(document).click(function(){
if(!$("div.con").hasClass("hide")){
$("div.con").addClass("hide");
}
});
});
相關(guān)文章
jquery text,radio,checkbox,select操作實現(xiàn)代碼
學(xué)習jquery的朋友看參考下，對form等文本框的一些控制實現(xiàn)代碼。2009-07-07
這篇文章主要介紹了jQuery控制frames及frame頁面JS的方法,涉及jQuery針對頁面元素的判定及frame框架的操作技巧,需要的朋友可以參考下2016-03-03
本篇文章只要是對jquery 圖片縮放拖動的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
jQuery動態(tài)添加及刪除表單上傳元素的方法(附demo源碼下載)
這篇文章主要介紹了jQuery動態(tài)添加及刪除表單上傳元素的方法,涉及jQuery的事件動態(tài)綁定及頁面元素動態(tài)操作技巧,并附帶了demo源碼供讀者下載參考,代碼非常簡潔實用,需要的朋友可以參考下2016-01-01
dialog并沒有隨著滾動條往下滾動，這時就需要用戶滑動滾動條來定位dialog，在說出解決方案前先來普及一下jquery關(guān)于定位的幾個方法2013-09-09
查找iframe里面的元素在項目里用的還是比較多的，下面為大家介紹個方法可傳參，感興趣的朋友可以參考下2013-09-09
jQuery實現(xiàn)帶動畫效果的二級下拉導(dǎo)航方法
這篇文章主要介紹了jQuery實現(xiàn)帶動畫效果的二級下拉導(dǎo)航方法,涉及jQuery操作css樣式及鼠標事件的技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了jQuery表單域?qū)傩赃^濾器用法,實例分析了:checked、:enabled、:disabled:、selected等常用表單域?qū)傩赃^濾器使用技巧,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了jQuery取得iframe中元素的常用方法,結(jié)合實例形式詳細分析了jQuery針對iframe中元素獲取技巧及注意事項,需要的朋友可以參考下2016-01-01
這篇文章主要為大家詳細介紹了jquery插件實現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04