ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryで要素が非表示になっているかどうかを確認する方法

jqueryで要素が非表示になっているかどうかを確認する方法

coldplay.xixi
coldplay.xixiオリジナル
2020-11-19 14:01:552070ブラウズ

要素が非表示かどうかを判断するための Jquery メソッド: 1. CSS 属性を使用します。コードは [var display =$('#id').css('display')]; 2. jQuery を使用して、オブジェクトが表示されるかどうかを決定します 文法、コードは [$(".test").css("display] です。

jqueryで要素が非表示になっているかどうかを確認する方法

このチュートリアルの動作環境: Windows 7 システム、jquery バージョン 2.2.4、このメソッドはすべてのブランドのコンピューターに適用できます。

要素が非表示かどうかを判断するための Jquery メソッド:

1. CSS 属性を使用する

var display =$('#id').css('display');
if(display == 'none'){
   alert("none为隐藏");
}

2. jQuery で要素を決定する

var node=$('#id');

最初の書き方

if(node.is(':hidden')){  //如果node是隐藏的则显示node元素,否则隐藏
  node.show(); 
}else{
  node.hide();
}

2 番目の方法書き込みの数

if(node.is(':visible')){  //如果node是显示的则隐藏node元素,否则显示
  node.hide();
}else{
  node.show();
}

3.jQuery によってオブジェクトが決定される 構文を表示するかどうか

$(".test").css("display") 
$(".test").is(":visible") 
$(".test").is(":hidden") 
$(element).is(":visible") // 返回值 display:[none|block], hidden和visible:[true|false]

関連する無料学習の推奨事項: JavaScript (ビデオ)

以上がjqueryで要素が非表示になっているかどうかを確認する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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