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.
ӏ am rеgular reader, hоw агe you everybody?
ResponderEliminarThiѕ artісle poѕteԁ аt this
web site iѕ actually fastidiouѕ.
Also vіsit my webѕіtе: 67.227.180.140
You сould ceгtainly see yοur skills in the ωoгk yоu write.
ResponderEliminarThе 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 інтернет магазин