jQuery es una biblioteca JavaScript de código abierto que simplifica las interacciones entre un documento HTML/CSS, o más precisamente, el Modelo de objetos del documento (DOM) y JavaScript. Al elaborar los términos, simplifica el recorrido y la manipulación de documentos HTML, el manejo de eventos del navegador, las animaciones DOM, las interacciones Ajax y el desarrollo de JavaScript entre navegadores.
El selector jQuery * selecciona todos los elementos del documento, incluidos HTML, cuerpo y encabezado. Si el selector * se utiliza junto con otro elemento, selecciona todos los elementos secundarios dentro del elemento utilizado.
Sintaxis:
$("*")
Parámetros:
- *: Este parámetro se utiliza para seleccionar todos los elementos.
Ejemplo 1: Selecciona todos los elementos y cambia el color de fondo.
HTML
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function () {
$("*").css("background-color",
"lightgreen");
});
</script>
</head>
<body>
<center>
<h1>Welcome to geeksforgeeks
</h1>
<p>My name is akash.</p>
<p>I live in mathura.</p>
<p>My best friend is ajay.</p>
<p>Who is your favourite:</p>
<ul type="square">
<li>virat</li>
<li>akshay</li>
</ul>
</center>
</body>
</html>
Producción:
Ejemplo 2: Selecciona todos los elementos y cambia el color de fondo.
HTML
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function () {
$("*").css("background-color",
"green");
});
</script>
</head>
<body>
<h1>GeeksForGeeks</h1>
<p>cricket is religion in india</p>
<p>sachin is god of cricket.</p>
<p>records:</p>
<ul type="circle">
<li>100 centuries</li>
<li>highest run scorer</li>
</ul>
</body>
</html>
Producción:
Navegadores compatibles:
- Internet Explorer 9.0
- Firefox 3.6
- Safari 4.0
- Ópera 10.5