Maison  >  Article  >  interface Web  >  Que représente la variable $ dans la console de développement Chrome ?

Que représente la variable $ dans la console de développement Chrome ?

Barbara Streisand
Barbara Streisandoriginal
2024-10-22 12:17:02468parcourir

What does the $ Variable Represent in the Chrome Developer Console?

Fonction native référencée par $ dans Chrome

Dans les outils de développement de Google Chrome, la variable $ contient une fonction accessible uniquement via la console . Malgré les tentatives d'accès via divers objets ($window, $document, $this), son objectif reste inconnu.

Résolution

Le comportement de $ dans la console de Chrome a évolué au fil du temps. Actuellement, il sert d'alias pour document.querySelector(), permettant la sélection du premier élément DOM correspondant à un sélecteur CSS. De plus, la console fournit plusieurs autres raccourcis, notamment :

  • $$(selector): Renvoie un tableau d'éléments correspondant à un sélecteur CSS (équivalent à document.querySelectorAll())
  • $_ : Renvoie la valeur de l'expression la plus récemment évaluée
  • $0 à $4 : Fournit des références historiques aux éléments DOM ou JavaScript récemment inspectés tas d'objets

Il est important de noter que, bien que $ soit un alias de document.querySelector(), $$ renvoie un tableau, et aucun des deux n'est strictement égal à sa méthode objet respective (par exemple, $ ! == document.querySelector()).

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn