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

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

coldplay.xixi
リリース: 2020-11-30 17:06:17
オリジナル
2089 人が閲覧しました

要素が非表示かどうかを判断するための 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 サイトの他の関連記事を参照してください。

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