ホームページ > ウェブフロントエンド > jsチュートリアル > jquery に基づいて、from 以外の場所をクリックして独自の code_jquery を閉じます

jquery に基づいて、from 以外の場所をクリックして独自の code_jquery を閉じます

WBOY
リリース: 2016-05-16 17:56:27
オリジナル
1016 人が閲覧しました

Html:

コードをコピー コードは次のとおりです:

クリック

show-area


CSS:
コードをコピーします コードは次のとおりです:

.hide{display:none;}

js:
コードをコピーします コードは次のとおりです。

$(document).ready(function( ){
$("div .down").click(function(e){
e.stopPropagation();
$("div.con").removeClass("hide");
});
$ (ドキュメント).click(function(){
if(!$("div.con").hasClass("hide")){
$("div.con") con").addClass("隠す" );
}
});
});
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート