aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

Via Digg, he descubierto findCSS una librería similar a cssQuery (la gran conocida en este sector), que se trata de una librería javascript que nos permite realizar búsquedas de nuestros elementos mediante el uso de selectores CSS. Hace unos días Diego comentaba lo satisfecho que se queda uno despues de parir un chorro de selectores CSS medianemente complejo, mediante findCSS todo podremos sentirnos asi

Modo de empleo

La función nos devuelve el nodo, o serie de nodos, que solicitamos por selectores.

var id = findCSS('#anid');

Evidentemente podemos complicarnos todo lo que queramos

var checkboxes = findCSS('div > p span:last-child + span:not(span:first-child)');

Usando la cache 

Una de las funcionalidades atractivas de la librería es el uso de una “cache”.

var id = findCSSc('#anid');
var id2 = findCSSc('#anid');

Selectores CSS Soportados

• *
• div
• div,span,p
• #id
• div#id
• div.classname
• div span
• div > span
• div + div
• div ~ div
• div[id]
• div[id="id"]
• div[id*="id"]
• div[id^="id"]
• div[id$="id"]
• div[class~="classname"]
• a[hreflang|="en"]
• div:first-child
• div:last-child
• div:only-child
• div:empty
• div:nth-child(1)
• div:even or div:nth-child(even)
• div:odd or div:nth-child(odd)
• div:not(div:even)
• div:contains("Some Text")
• div:target
• input:checked
• input:disabled
• input[type="checkbox"]#id.classname:checked:not(input:disabled):even

[Descargar]