Je travaille actuellement sur ce tutoriel : [Débuter avec jQuery][1]
[1] : http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery
Pour les deux exemples ci-dessous :
$("#orderedlist").find("li").each(function (i) {
$(this).append(" BAM! " + i);
});
$("#reset").click(function () {
$("form").each(function () {
this.reset();
});
});
Remarquez que dans le premier exemple, nous utilisons $(this)
pour ajouter du texte à l'intérieur de chaque élément li
. Dans le second exemple, nous utilisons directement this
pour réinitialiser le formulaire.
$(this)
semble être utilisé beaucoup plus souvent que this
.
Je pense que dans le premier exemple, $()
convertit chaque élément li
en un objet jQuery qui comprend la fonction append()
alors que dans le second exemple, reset()
peut être appelé directement sur le formulaire.
En fait, nous avons besoin de $()
pour les fonctions spéciales réservées à jQuery.
Est-ce correct ?
Oui, vous n'avez besoin de $()
que lorsque vous utilisez jQuery. Si vous voulez l'aide de jQuery pour faire des choses DOM, gardez ceci à l'esprit.
$(this)[0] === this
En fait, chaque fois que vous récupérez un ensemble d'éléments, jQuery le transforme en un [objet jQuery] (https://learn.jquery.com/using-jquery-core/jquery-object/). Si vous savez que vous n'avez qu'un seul résultat, il sera dans le premier élément.
$("#myDiv")[0] === document.getElementById("myDiv");
Et ainsi de suite...