Objet jQuery en object JavaScript

Si j’ai un textarea comme var txtarea = $('textarea') , comment puis-je lui définir la valeur à l’aide de la value propriété JavaScript et non de la propriété jQuery val() ?

Je pense que j’ai besoin de convertir txtarea en un object JavaScript, mais comment puis-je?

Vous pouvez utiliser l’opérateur de déréférencement ou la méthode .get() pour “Récupérer les éléments DOM mis en correspondance par l’object jQuery”.

Exemples:

 txtArea[0].value = "something"; 

ou:

 txtArea.get(0).value = "something"; 

Le jQuery .get() fera pour vous

http://api.jquery.com/get/

Cité

Sans paramètre, .get() renvoie tous les éléments:

 alert($('li').get()); 

Avec un index spécifié, .get() récupérera un seul élément:

 ($('li').get(0)); 

… nous pouvons utiliser l’opérateur de déréférencement de tableau pour obtenir l’élément de liste à la place:

 alert($('li')[0]); 

Les objects jQuery sont des objects Javascript.

Vous essayez de vous familiariser avec le monde de la douleur appelé scripting brut DOM.

Tu peux écrire

 document.getElementsByTagName("textarea")[0].value = whatever; 

Cela va obtenir le premier et définir sa valeur.
Si vous souhaitez définir des valeurs pour chacun d’eux, vous aurez besoin d’une boucle.

Vous pouvez également extraire un élément DOM brut d’un object jQuery en écrivant $(whatever)[0] .

Vous pouvez extraire le HTMLElement en utilisant la notation de tableau:

 $('textarea')[0].value 

… obtiendra la valeur du premier élément de la liste jQuery $('textarea') .

Nous pouvons utiliser la fonction querySelector() de javascript pour obtenir un object DOM javascript standard.

Exemple :

 
 console.log(document.querySelector('input[data-id="1"]')); 

Vous obtiendrez un object DOM javascript pour un sélecteur donné.