Selectores en JQuery I

Hola, continuando con JQuery, casi que lo primero que debemos conocer para trabajar con este framework es saber como funcionan y que tipo de selectores existen.

Un selector simplemente permite elegir determinados elementos de una página para trabajar con ellos, es decir podemos decirle que seleccione todos los párrafos, todos los div, un label específico, etc.

No voy a mostrar todos los selectores existentes puesto que son muchos, sin embargo les dejare dos pdf en donde los pueden encontrar.

Así que voy a mencionar solo 5 selectores los cuales son con los que más habitualmente trabajo, al final les dejaré un pequeño ejemplo en donde se puede visualizar la implementación de cada uno.

  1. Selector universal: selecciona todos los elemento de una página, se debe utilizar el * [$("*")].
  2. Selector por etiqueta: selecciona todos los elementos de la etiqueta establecida [$("etiqueta")].
  3. Selector por clase: selecciona todos los elementos que tengan la clase especificada, se utiliza el nombre de la clase precedida de un punto [$(".nombreclase")].
  4. Selector por id: selecciona el elemento con el id especificado, se utiliza el id precedido del signo # [$("#id del control")].
  5. Selector de widget: selecciona todos los elementos del mismo tipo, se utiliza el tipo del control precedido por dos puntos [$(":tipo control")].

Bueno, en los dos links de abajo tienen los vinculos a los ejemplosn y a los pdf, espero les sean de utilidad, en el próximo post veremos otros tipos de selectores para luego revisar como establecer atributos.

Link a los pdf !

Ejemplo de selectores !

You may also like...

1 Response

  1. February 8, 2011

    [...] un comentario Hola a todos, en post pasados hablamos sobre algunos selectores en jquery (selectores I y selectores II), hoy vamos a revisar como podemos aplicar filtros a dichos [...]

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Follow

Get every new post on this blog delivered to your Inbox.

Join other followers: