jqueryで要素が非表示になっているかどうかを確認する方法-jsチュートリアル-php.cn

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

coldplay.xixi

リリース： 2020-11-30 17:06:17

オリジナル

1850 人が閲覧しました

要素が非表示かどうかを判断するための 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]

ログイン後にコピー