jQuery is()関数の使用例を詳しく解説

零下一度
リリース: 2017-06-19 14:22:36
オリジナル
1339 人が閲覧しました

jquery の is() メソッドは、要素が表示されるか、非表示になるか、選択されるかを決定できます。

以下に例を挙げてみましょう。

1. 要素が非表示かどうかを確認します
次の HTML の p 要素は非表示です:

<!doctype html>
<html>
<head>
<script src="jquery-1.7.2.min.js"></script>
</head>
<body>
    <p id="test" style="display:none">你看不到我</p>
<span ></span>
    <script type="text/
javascript
">
$(&#39;span&#39;).html(&#39;test p is visible? &#39; + $(&#39;#test&#39;).is(&#39;:visible&#39;));
    </script>
</body>
</html>
ログイン後にコピー

2. チェックボックスが選択されているかどうかを確認します
jquery では、xx.is(':checked') を使用して次のことを行うことができます。チェックボックスとラジオボタンが選択されているかどうかを確認します。次のように HTML をテストします

<!doctype html>
<html>
<head>
<script src="jquery-1.7.2.min.js"></script>
</head>
<body>
<p>
    <input type="checkbox" name="chkChecked" checked="checked"/> chkChecked
    <input type="checkbox" name="chkNoChecked" /> chkNoChecked
</p>
<span ></span>
    <script type="text/javascript">
$(&#39;span&#39;).html(&#39;chkChecked checked? &#39; + $(&#39;input[name=chkChecked]&#39;).is(&#39;:checked&#39;) + &#39;<br/> &#39;
    +&#39;chkNoChecked checked? &#39; + $(&#39;input[name=chkNoChecked]&#39;).is(&#39;:checked&#39;) );
    </script>
</body>
</html>
ログイン後にコピー
3. 特定のスタイルが使用されているかどうかを確認します。

以上がjQuery is()関数の使用例を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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