recherche

Maison  >  Article  >  interface Web  >  Explication détaillée des exemples d'utilisation de la fonction jQuery is()

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

零下一度
零下一度original
2017-06-19 14:22:361337parcourir

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>

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>

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!

Déclaration：
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
Article précédent：Partagez un exemple de code pour obtenir le nombre total de lignes dans un tableau à l'aide de jQueryArticle suivant：Partagez un exemple de code pour obtenir le nombre total de lignes dans un tableau à l'aide de jQuery

Articles Liés

Voir plus