Explication détaillée du sélecteur jquery :hidden sélectionnant la balise <select>-js tutoriel-php.cn

Maison > Article > interface Web > Explication détaillée du sélecteur jquery :hidden sélectionnant la balise

黄舟original: 2017-06-23 11:49:491876parcourir

jquery : Pourquoi le sélecteur caché sélectionne-t-il la balise 221f08282418e2996498697df914ce4e

<html> 
<head>
<title>forth.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../jquery.min.js">
</script>
</head> 
<body>
<form action="#" id="form1">
   <select>
     <option>Option</option>
   </select>
   <input type="hidden"/><div style="display:none">test</div>
 </form>
 </body> 
 <script type="text/javascript">
 alert($("#form1 :hidden").length);
 </script>
</html>

Pourquoi le résultat est-il 3 au lieu de 2 ? Merci.

console.log($("#form1 :hidden")) vous le dira dans un instant. Ce qui est sélectionné n'est pas 221f08282418e2996498697df914ce4e, mais l'5a07473c87748fb1bf73f23d45547ab8 à l'intérieur :

[option, input, div]

Utilisez plutôt $("#form1 > :hidden") pour sélectionner, de sorte que seule la sélection. sera créé. Élément enfant direct sous le formulaire, donc l'option

select n'a pas de balise de fermeture ?

Parce que vous avez sélectionné une balise cachée et que l'option est une balise cachée. . select n'est pas masqué donc il ne sera pas sélectionné,

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：sélecteur jquery : la différence entre caché et [type=hidden]Article suivant：sélecteur jquery : la différence entre caché et [type=hidden]

Articles Liés

Voir plus