基于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");
}
});
});
復制代碼 代碼如下:
<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");
}
});
});
相關(guān)文章
在使用$(#id).attr(color) 獲取顏色的時候，ie和ff是不同的，下面有個示例，大家可以參考下2014-03-03
本篇文章主要是對jquery獲得keycode的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
這篇文章主要介紹了從如何寫JQuery插件，需要注意的事項，還有必須要做的步驟，看過這個文章相信你會明白如何寫好一個JQuery插件2013-11-11
基于jquery的從一個頁面跳轉(zhuǎn)到另一個頁面的指定位置的實現(xiàn)代碼（帶平滑移動的效果）
從一個頁面跳轉(zhuǎn)到另一個頁面的指定位置 如果不帶平滑移動的效果 很容易 加個 錨點就行了2011-05-05
在全球訪問量最高的前1000個網(wǎng)站中，幾乎沒有不用jQuery的。如今jQuery的力量是無限強大。2011-04-04
通過jquery.cookie.js實現(xiàn)記住用戶名、密碼登錄功能
這篇文章主要介紹了通過jquery.cookie.js實現(xiàn)記住用戶名、密碼登錄功能,通過Cookies讓網(wǎng)站服務(wù)器把少量數(shù)據(jù)儲存到客戶端的硬盤或內(nèi)存，從客戶端的硬盤讀取數(shù)據(jù)的一種技術(shù)；具體實現(xiàn)過程大家通過本文一起看看吧2018-06-06
jQuery實現(xiàn)的指紋掃描效果實例(附演示與demo源碼下載)
這篇文章主要介紹了jQuery實現(xiàn)的指紋掃描效果,以完整實例形式分析了jQuery實現(xiàn)圖像按照指定模式顯示的相關(guān)實現(xiàn)技巧,并附帶附示例演示與demo源碼供讀者下載參考,需要的朋友可以參考下2016-01-01
這篇文章主要為大家分享了一份全面詳細的jQuery常見開發(fā)技巧手冊，幫助大家更好的進行jquery開發(fā)，感興趣的小伙伴們可以參考一下2016-02-02
大部分jQuery插件都是這種類型的插件，由于這種插件是將對象方法封裝起來，在jQuery選擇器獲取jQuery對象過程中進行操作，從而發(fā)揮jQuery強大的選擇器優(yōu)勢2012-09-09
這篇文章主要為大家詳細介紹了jquery zTree異步加載簡單實例，ztree采用了延遲加載技術(shù)，上萬節(jié)點輕松加載，即使在 IE6 下也能基本做到秒殺，感興趣的小伙伴們可以參考一下2016-02-02