ホームページ > ウェブフロントエンド > jsチュートリアル > 要素が表示されているかどうかを判断する jquery メソッド

要素が表示されているかどうかを判断する jquery メソッド

藏色散人
リリース: 2023-01-04 09:36:41
オリジナル
3643 人が閲覧しました

要素が表示されるかどうかを判断するための jquery の実装方法: まず、判断する要素を選択し、次に「:visible」セレクターで「is()」を使用して、それが表示されるかどうかを判断します。 「$(selector).is(":visible")」などです。

要素が表示されているかどうかを判断する jquery メソッド

#このチュートリアルの動作環境: Windows7 システム、jquery1.10.0 バージョン、thinkpad t480 コンピューター。

#推奨: "

jquery ビデオ チュートリアル

" "JavaScript 基本チュートリアル"

jquery は要素が表示されるかどうかを決定します

方法は非常に簡単で、判定したい要素を選択し、:visible セレクターを指定して is() を使用して、それが表示されているかどうかを判定します; 構文 $(selector).is(":visible") 。

is() メソッドのユーザーは、選択した要素にセレクターが装備されているかどうかを確認します。:visible セレクターは、現在表示されている各要素を選択します。

表示可能かどうかを判定するコード:

if($('#div').is(':visible')){
      //如果显示时。。。
}else{
      //如果隐藏时。。。
}
ログイン後にコピー

説明:

以下の状況以外の要素は表示可能要素です:

表示に設定:none

type="hidden" フォーム要素

幅と高さが 0 に設定されます

非表示の親要素 (すべての子要素が同時に非表示になります)

以上が要素が表示されているかどうかを判断する jquery メソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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