Comment jQuery convertit les objets sélectionnés en objets DOM d'origine_jquery

Dans jQuery, la collection renvoyée par la sélection d'éléments sur une page est un objet jQuery plutôt que l'objet DOM d'origine. Ainsi, seules les méthodes jQuery peuvent être exécutées. Si vous souhaitez exécuter des méthodes et des propriétés DOM sur l'ensemble de sélection, la collection doit être convertie. à un objet DOM

Par exemple, vous ne pouvez pas l'utiliser comme ceci :

$('div').innerHTML = "hello world"; propriété du DOM et non une propriété de l'objet jQuery. Si vous voulez vraiment faire cela, vous devez alors convertir l'objet jQuery en objet DOM. Il existe deux méthodes

①jQuery fournit une méthode de base. get(), donc ce qui précède peut être écrit comme $('div') .get().innerHTML = "hello world"

Bien sûr, cela correspond à la situation où il n'y a qu'un seul div dans la page. S'il y a plusieurs div.

Alors cette méthode n'est pas facile à utiliser, vous devez modifier le code pour sélectionner en passant la valeur d'index pour get(index). $("div").get(0).innerHTML = "hello world";

Bien sûr, vous pouvez utiliser la boucle $.each intégrée de jQuery pour effectuer toutes les opérations d'affectation
$div1 = $("div").get();




Copier le code

Le code est le suivant : $.each($div1 , function(index, val) { val.innerHTML = 'lc' index; });

②Nous pouvons utiliser [ ] pour utiliser des tableaux. Obtenez le contenu sous la forme

Par exemple, $('div')[0] .innerHTML = "hello world";

Jetons un coup d'œil à un exemple complet




Copier le code

Le. le code est le suivant :