Comment récupérer l'élément DOM sous-jacent à partir d'un sélecteur jQuery ?

Récupérer des éléments DOM à partir de sélecteurs jQuery

Obtenir l'élément DOM sous-jacent à partir d'un sélecteur jQuery peut être une tâche compliquée. Considérez le scénario suivant :

<input type="checkbox" id="bob" />
var checkbox = $("#bob").click(function() { //some code });

Pour déterminer ultérieurement la valeur cochée de la case à cocher, une méthode directe d'accès à l'élément DOM est requise. La méthode is(":checked") ne sert que de solution de contournement.

Solution :

jQuery fournit une méthode simple pour accéder à l'élément DOM brut :

$("table").get(0); // or simply $("table")[0];

Cependant, un tel accès n’est généralement pas nécessaire. Par exemple, l'exemple de case à cocher peut être réécrit de manière plus concise à l'aide des méthodes jQuery :

$(":checkbox").click(function() {
  if ($(this).is(":checked")) {
    // do stuff
  }
});

De plus, les méthodes jQuery offrent des fonctionnalités améliorées et prennent en charge la compatibilité entre navigateurs, ce qui les rend préférables à l'accès brut aux éléments DOM.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!