Contenido

findCSS, otra librería de selección CSS

20 abr

+ 3

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 :D

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 :D

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]

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.