jQuery – lo más básico

En jQuery, lo mas importante, es poder manejar cada uno de los elementos del DOM, y para esto existen varios métodos:

1. Selectores CSS:
$(‘#contenedor > li’).addClass(‘laclase’);
$(‘#contenedor li:not(.laclase)’).addClass(‘otraclase’);

2. Selectores Xpath
$(‘a[@href^=»mailto:»]’).addClass(‘unaclase’);
$(‘a[@href$=».pdf»]’).addClass(‘unaclase’);
$(‘a[@href*=»mysite.com»]’).addClass(‘unaclase’);

^ indica que la comparación se hará al principio del string
$ indica que la comparación se hará al final del string
* indica que la comparación se hará en cualquier parte del string

3. Selectores Personalizados

$(‘tr:odd’).addClass(‘laclase’);
$(‘tr:even’).addClass(‘laclase’);
$(‘td:contains(«Enrique»)’).addClass(‘laclase’);

$(‘th’).parent().addClass(‘laclase’);
$(‘tr:not([th]):even’).addClass(‘laclase’);
$(‘tr:not([th]):odd).addClass(‘laclase’);

Mas Selectores:

http://api.jquery.com/category/selectors/

 

4. Métodos transversales DOM

Usando Metodos Jquery
$(‘td:contains(«Enrique»)’).next().addClass(‘laclase’);
$(‘td:contains(«Enrique»)’).siblings().addClass(‘laclase’);
$(‘td:contains(«Enrique»)’).parent().find(‘td:gt(0)’).addClass(‘laclase’);

Mas Metodos:
http://api.jquery.com/category/traversing/tree-traversal/

 

Ejemplos Gracias a http://www.youtube.com/user/0utKast