Je veux changer le premier test LI, mais cela me donne TypeError
p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <ul> <li>Candy</li> <li>Fruits</li> <li>Chocolate</li> </ul>
3 Réponses :
jQuery utilise ses propres structures. Vous ne pouvez donc pas utiliser les crochets pour obtenir le premier élément, puis continuer à utiliser les instructions de JQuery car il renvoie un élément HTML natif.
Vous devez utiliser p> .first () code > Au lieu d'obtenir le premier élément (ou .eq (i) code> dans l'élément i code> p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
<li>Candy</li>
<li>Fruits</li>
<li>Chocolate</li>
</ul>
Votre première instruction est très trompeuse comme $ (sélecteur) [0] retourne effectivement un élément natif supposant qu'il y a un sélecteur correspondant
Essayez avec ci-dessous, veuillez spécifier 1,2,3, ... n numéro pour sélectionner spécifique élément LI
$( "ul li:nth-child(1)" ).css("color", "orange");
Ceci fonctionnera ...
p>
<ul>
<li class="item-1">Candy</li>
<li class="item-2">Fruits</li>
<li class="item-3">Chocolate</li>
</ul>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Vous pouvez utiliser
.eq (0) pour obtenir l'objet jQueryD'accord! Mais pourquoi bowevote?
$ ("Li") [0] donne également un premier élément, alors pourquoi ne puis-je pas utiliser API .CSS () sur $ ("Li") [0]
Parce que $ ("LI") [0] renvoie un élément HTML natif. Voir ma réponse pour le code de code :)
$ ("LI") [0] renvoie l'élément qui serait identique à document.QuerySelector ('Li') Mais les éléments natifs n'ont pas de méthodeCSS () , c'est une méthode d'objet jQuery