Cómo seleccionar elementos con jquery
a mayoría de lo que va a hacer en jQuery pasa a través de los selectores. Por ejemplo, podrás frecuencia selecciona una pieza de una página web y luego tener jQuery realizar una acción en ese pedazo de la página. Esa acción podría ser cualquier cosa de la adición de texto, el cambio de HTML, CSS o cambiando, así, casi cualquier cosa que se pueda imaginar!
Video: Curso de jQuery en español, Cómo Seleccionar Elementos del DOM
El flujo básico para la programación javascript con jQuery es la siguiente:
Seleccionar un elemento de la página web (o toda la página en sí).
Hacer algo interesante con ese elemento.
Está bien, lo que se hace con el elemento no tiene que ser interesante, pero que va a hacer algo con el elemento seleccionado. Ese algo puede ser cualquier cosa desde la eliminación del elemento a añadir o cambiar o simplemente obtener información del elemento, al igual que su texto o estilos CSS actual.
jQuery selectores de cerca
Hay tres selectores primarias o básicas en jQuery. Ellos son los que va a utilizar con más frecuencia. Puede configurar selectores muy complejos basados en la estructura de la página, pero más a menudo que va a utilizar uno de estos tres selectores:
Video: Curso de jQuery 2 en español, Cómo Seleccionar por Atributo
por clase
por ID
Video: prop: seleccionar checkbox jQuery | Atributos | Programando en jQuery
por elemento
Si usted tenía algo de HTML que se parecía a esto:
Mi libro
Se podía acceder con jQuery que de esta manera:
ps"#Titulo del libro")
Es importante tener en cuenta que las cosas en jQuery (y javascript) entre mayúsculas y minúsculas. Asi que Titulo del libro no es el mismo que TITULO DEL LIBRO y no el mismo que Titulo del libro. No importa lo que caso de que utilice, siempre y cuando los partidos entre el HTML y el código javascript y jQuery.
Ahora echa un vistazo a este poco de HTML:
Este es un texto
Video: 9. Selectores en jQuery
El selector de jQuery es el siguiente:
ps".titleClass")
Si usted piensa que estos selectores se parecen a sus homólogos CSS, tienes razón. No se preocupe si usted no estaba pensando que- no habrá un concurso.
En CSS, puede acceder a los elementos por su identificación con un signo de número (#) Y acceder a las clases con un solo punto (.):
# bookTitle.titleClass
Todo lo que está haciendo para jQuery está terminando en el ps construir y usar algunas citas también. Para que pueda obtener esto:
ps"#Titulo del libro"ps".titleClass")
El otro selector utilizado con frecuencia agarra todos los elementos de un tipo determinado. El siguiente selector selecciona todos los elementos en la página entera:
ps"div")
Hay selectores más avanzados. Por ejemplo, se puede seleccionar mediante la posición de un elemento de la página y, bueno, casi cualquier combinación que se pueda imaginar. Pero vamos a usar estos tres más a menudo.
filtrado de jQuery
Una cosa adicional que debe saber sobre los selectores de jQuery es que se puede filtrarlos. Esto es particularmente útil cuando se trata de trabajar con formas y eventos.