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