sábado, 11 de julio de 2009

jQuery, Parte 3, Otros Filtros

En el articulo anterior escribí sobre los filtros básicos e hice una introducción sobre jQuery, en este pretendo continuar hablando sobre los demás filtros:

jQuery Filtros:

  • Filtros Básicos
  • Filtros de Contenido
  • Filtros de Visibilidad
  • Filtros por Atributos
  • Filtros Descendientes
  • Filtros de Formularios

Filtros de Contenido:

Ejemplo Descripción
$("div:contains('Derbis')"); Selecciona los elementos con el texto ‘Derbis’
$(':empty'); $('td:empty'); Selecciona los elementos que no tienen ni texto ni elementos.
$("div:has(img)"); Selecciona los elementos DIV que tenga por lo menos un elemento img
$("td:parent");
Selecciona las celdas TD, que tienen hijos, incluido textos.

Filtros de Visibilidad:

$(':hidden'); Selecciona los elementos no visibles.
$('div:hidden'); Selecciona los DIV no visibles.
$(':visible'); Selecciona los elementos visibles.
$('div:visible'); Selecciona los DIV visibles.

Filtros de Atributo:

// e.j.: Selecciona los elementos con el atributo HREF. $('[href]'); // e.j.: Selecciona los elementos con el atributo HREF="blank.html". $('[href=blank.html]'); // e.j.: Selecciona los elementos con el atributo HREF que no sea // igual a "blank.html". $('[href!=blank.html]'); // e.j.: Selecciona los elementos con el atributo HREF que // comienze con"blan". $('[href^=blan]'); // e.j.: Selecciona los elementos con el atributo HREF que // termine en ".html". $('[href$=.html]'); // e.j.: Selecciona los elementos con el atributo HREF que // tenga en cualquier parte el valor "k.h". $('[href*=k.h]'); // e.j.: Selecciona los elementos con el atributo HREF que // comienze por "bla" y termine en ".html". $('[href^=bla][href$=.html]');

Conclusión

Los selectores y filtros de jQuery no son complejos de entender, pero la mejor manera de comprenderlos y entenderlos, es practicar con ellos, de cualquier forma, espero les halla servido de ayuda este articulo.

Próximos blogs sobre jQuery:

  • Dom, Manipulación.
  • Eventos.
  • Interacción con Ajax.

No dejes de leer jQuery Consejos, Trucos y Buenas Practicas, y déjanos algún consejo o truco sobre jQuery.

2 comentarios:

  1. ӏ am rеgular reader, hоw агe you everybody?
    Thiѕ artісle poѕteԁ аt this
    web site iѕ actually fastidiouѕ.

    Also vіsit my webѕіtе: 67.227.180.140

    ResponderEliminar
  2. You сould ceгtainly see yοur skills in the ωoгk yоu write.
    Thе woгld hopes for even more passionate writers such as you
    who are not afrаіd to say hoω they believе.
    Always go after уour heart.

    Feеl free to viѕit my ωеb ѕite інтернет магазин

    ResponderEliminar