ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery is()関数の使用例を詳しく解説
jQuery is()関数の使用例を詳しく解説
- 零下一度オリジナル
- 2017-06-19 14:22:361382ブラウズ
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
">
$('span').html('test p is visible? ' + $('#test').is(':visible'));
</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">
$('span').html('chkChecked checked? ' + $('input[name=chkChecked]').is(':checked') + '<br/> '
+'chkNoChecked checked? ' + $('input[name=chkNoChecked]').is(':checked') );
</script>
</body>
</html> 3. 特定のスタイルが使用されているかどうかを確認します。以上がjQuery is()関数の使用例を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。