Ausführliche Erklärung von jquery: versteckter Selektor, der das <select>-Tag auswählt-js-Tutorial-php.cn

Heim > Artikel > Web-Frontend > Ausführliche Erklärung von jquery: versteckter Selektor, der das -Tag auswählt

黄舟Original: 2017-06-23 11:49:491826Durchsuche

jquery: Warum wählt der versteckte Selektor das 221f08282418e2996498697df914ce4e-Tag

<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>

aus? Warum ist das Ergebnis 3 statt 2? Danke.

console.log($("#form1 :hidden")) wird es Ihnen gleich sagen. Ausgewählt wird nicht 221f08282418e2996498697df914ce4e, sondern die 6ba2df10d72c8dd7cce65111d12f0430 im Inneren:

[option, input, div]

Verwenden Sie einfach $("#form1 > :hidden"), um auszuwählen Direktes untergeordnetes Element unter Formular erstellt werden, sodass die Option

select kein schließendes Tag hat?

Weil Sie ein ausgeblendetes Tag ausgewählt haben und die Option ein ausgeblendetes Tag ist. . select ist nicht ausgeblendet und wird daher nicht ausgewählt,

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung von jquery: versteckter Selektor, der das