ホームページ  >  記事  >  ウェブフロントエンド  >  divを非表示にするjQueryメソッド

divを非表示にするjQueryメソッド

零下一度
零下一度オリジナル
2017-06-17 17:43:111530ブラウズ

最初にクリックして p を表示し、再度クリックしたときに消えるように依頼するか、ドキュメント の他の場所をクリックしてこのレイヤーを非表示にします。これによりバブリングの問題が発生し、ドキュメントが DOM にバブリングされなくなります。コードは次のとおりです:

var $el = $(".search-more, .article-query-list li");
$el.click(function(e){
e.stopPropagation();
$(this).toggleClass('active');
});
$(document).on('click',function(e){
if(($(e.target) != $el) && ($el.hasClass('active'))){
$el.removeClass('active');
// console.log("yes");
}
});

以上がdivを非表示にするjQueryメソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。