JQuery n'utilise pas le premier élément trouvé dans le sélecteur

Question

J'essaie de comprendre pourquoi JQuery n'utilise pas le premier élément de mon sélecteur.

<input type="checkbox" id="foo1" value="Hello World">

Voici ce qui devrait fonctionner, mais le résultat est "non défini".

$("#foo1").checked

Bizarrement, cela fonctionne correctement...

$("#foo1")[0].checked

Est-ce que je rate quelque chose ? J'utilise JQuery 1.9.1 et Chrome.

Answer 1

La fonction jQuery $( selector ) ne renvoie pas un élément mais un Objet jQuery qui est type de comme un tableau. Une chose qu'il fait ne pas avoir est un checked propriété.

Si vous voulez obtenir le checked sans avoir recours à la référence à un élément par index (comme dans votre deuxième exemple), vous pouvez utiliser la méthode suivante

$('#foo1').prop('checked')

Ver http://api.jquery.com/prop/

Obtenez la valeur d'une propriété pour le premier élément de l'ensemble des éléments appariés.