JQuery Selectores Interactivos

Buceando por la red, he descubierto esta interesante utilidad llamada jQuery Selectors, que permite, de forma interactiva realizar pruebas de todos los selectores de una página, además, podemos acceder directamente a toda la documentación oficial de jQuery API donde encontraremos toda la información completa de cada elemento y ejemplos de uso.

Sin lugar a dudas, nos va a permitir aumentar nuestra productividad a la hora de escribir código jQuery en nuestras aplicaciones.

Resumen de los tipos de selectores para utilizar con jQuery:

  • Selectores por TagName (simple o múltiple): $(‘div’) ó $(‘a, p, div, span’)
  • Selectores por ID: $(‘#ID’)
  • Selectores por Clase: $(‘.miclase’) ó $(‘div.miclase’)
  • Selectores por Atributos: $(‘a [title]’) ó $(‘a [title=”mi titulo”]’)
  • Selectores por Atributos que contienen un valor: *
  • Selectores por Atributos que empiezan por un valor: ^
  • Selectores por Atributos que terminan por un valor: $
  • Selectores para Formularios <forms>: $(‘:input’) ó $(‘:text’) ó $(‘:checkbox’) ó $(‘:button’) etc…

Aquí teneis una imagen de JQuery Selectors (click para acceder a la web interactiva):

Espero que os sea de utilidad y como guía de consulta para jQuery.

Responder

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