Selectores en JQuery I

Posted on Actualizado enn


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 !

About these ads

Un comentario en “Selectores en JQuery I

    Filtros en JQuery « Todo en Visual Basic.Net escribió:
    02/08/2011 en 00:51

    [...] 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 [...]

Deja un comentario

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s