Selector de ID de jQuery : el selector de #id especifica la identificación de un elemento HTML que se 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 uno a la vez.
Sintaxis:
$("#id")
- id es el id específico del elemento.
Ejemplo: el siguiente código muestra el selector de ID de jQuery.
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() {
$("#paraID").css("background-color","red");
});
</script>
</head>
<body>
<h1 style="color:green">GeeksforGeeks</h1>
<p id="paraID">
jQuery #id selector is used for this p element.
</p>
</body>
</html>
Producción:
Selector de clase jQuery : el selector .class especifica la clase para que se seleccione un elemento. No debe comenzar con un número. Da estilo a varios elementos HTML .
Sintaxis:
$(".class")
- class es el nombre de la clase dada para los elementos HTML.
Ejemplo: El siguiente código demuestra el selector de clase jQuery.
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() {
$(".pClass").css("background-color", "blue");
});
</script>
</head>
<body>
<h1 style="color:green">GeeksforGeeks</h1>
<p class="pClass">
jQuery.class selector is used for p element
</p>
<span class="pClass">
jQuery.class selector is used for span element
</span>
</body>
</html>
Producción:
Diferenciar los conceptos de selector de ID y selector de clase: la única diferencia entre ellos es que «id» es único en una página y se aplica a un elemento HTML, mientras que el selector de «clase» se puede aplicar a varios elementos HTML.
Publicación traducida automáticamente
Artículo escrito por geetanjali16 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA