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 #id especifica una identificación para un elemento a seleccionar. No debe comenzar con un número y el atributo id debe ser único dentro de un documento, lo que significa que solo se puede usar una vez.
Sintaxis:
$("#id")
Parámetro:
- id: El id específico de un elemento.
Ejemplo 1:
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 () {
$("#Geeks").css("background-color", "red");
});
</script>
</head>
<body>
<h1>GEEKS FOR GEEKS</h1>
<p id="Geeks">jQuery|#id selector</p>
</body>
</html>
Producción:
Ejemplo 2:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>ID</title>
<style>
div {
width: 100px;
height: 100px;
float: left;
padding: 10px;
margin: 10px;
background-color: pink;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js">
</script>
</head>
<body>
<div id="DIV1">
<p>id="DIV1"</p>
</div>
<div id="DIV2">id="DIV2"</div>
<script>
$("#DIV2").css("border",
"2px solid yellow");
</script>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- Mozilla Firefox
- Borde
- Safari
- Ópera
Publicación traducida automáticamente
Artículo escrito por kartikgoel1999 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA