Sé que $("...") está, por supuesto, definido en jQuery ( ¿Cuál es el significado del signo "$" en JavaScript ), y también que algunas personas que no usan jQuery definen $ = document.querySelector .
En algunos casos (Firefox, Chrome), $ parece estar disponible en la consola del desarrollador incluso sin cargar esta biblioteca, o sin definir $ manualmente: vea la respuesta principal de ¿Qué es el signo de dólar en Javascript, si no en jQuery ?
Pregunta: ¿podemos suponer en 2022 que $ es un alias en la mayoría de los navegadores para document.querySelector y podemos usarlo directamente en nuestro código JS?
Conozco caniuse.com pero aquí ni https://caniuse.com/?search=%24 ni https://caniuse.com/?search=dollar ayudaron.
Ejemplo: abra un archivo html que contenga:
<html> <head></head> <body> <div id="a">Hello world</div> </body> </html> Abra la consola del desarrollador y haga $('#a') : funciona.
No, no puedes. Solo está disponible en la consola del desarrollador en algunos navegadores sin importar la biblioteca jQuery .
Consulte https://developer.chrome.com/docs/devtools/console/utilities/#querySelector-function :
$(selector) devuelve la referencia al primer elemento DOM con el selector CSS especificado. Cuando se llama con un argumento, esta función es un alias para la función document.querySelector().
Aquí hay un ejemplo simple:
console.log($('#div')); <div id="div"></div>