Índice

Los selectores básicos

Estos selectores de jQuery no son más que una reformulación de los métodos getElementById, getElementsByClassName y getElementsByTagName de JavaScript tradicional.

La notación de jQuery tiene la ventaja de ser más concisa y mucho más intuitiva.

Estos selectores de base se usan muy a menudo en los scripts jQuery. Asimilarlos correctamente es imprescindible para la buena comprensión de los múltiples ejemplos de este libro.

1. Selección por identificador

#$("#identificador")

Selecciona el elemento HTML único cuyo identificador es id="identificador".

$("#box"): selecciona el elemento cuyo id es box.

Es la notación jQuery de getElementById en JavaScript clásico.

Recordemos que este identificador debe ser único en la página. Si, por error, no es el caso, jQuery selecciona el primer elemento con este identificador.

Ejemplo

Rodeamos con un borde el segundo párrafo, cuyo identificador es "dos".

images/2_2_1_V4.png

Partiendo del siguiente archivo HTML:

<!doctype html> 
<html lang="es"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<script src="jquery.js" ></script> 
<script> 
   $(document).ready(function 
   () { 
      $("#dos").css("border","1px solid black"); 
   }); 
/script> 
<style>  ...