Maison > interface Web > js tutoriel > le corps du texte

Explication détaillée des exemples d'utilisation de la fonction jQuery is()

零下一度
Libérer: 2017-06-19 14:22:36
original
1338 Les gens l'ont consulté

La méthode is() dans jquery peut déterminer si un élément est visible, masqué et sélectionné.

Nous présenterons des exemples ci-dessous.

1. Déterminez si l'élément est masqué
L'élément p dans le code HTML suivant est masqué :

<!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>
Copier après la connexion

2. Déterminez si la case est cochée
Vous pouvez transmettre jquery xx.is(':checked') pour déterminer si la case à cocher et le bouton radio sont sélectionnés. Testez 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>
Copier après la connexion

comme suit 3. Déterminez si un certain style est utilisé

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal