Introduction

cssQuery() est une puissante fonction javascript qui permet de faire des requette de sélection sur un document en utlisant les selecteur CSS. CSS1,CSS2 et une parti du CSS3 est suporté.

Usage

Syntax

javascript
elements = cssQuery(selector [, from]);

selector (requis) est un selecteur valide et où from (optionel) est un document, un element ou un tableau d'élément qui contient le sélecteur.

Cette fonction renvoie un tableau javascript. Si rien n'est trouvé, le tableau est vide.

Examples

javascript
// Trouve tous les paragraphe qui sont des dessandant direct de body
var tags = cssQuery("body > p");
 
//  Trouve tous les element qui ont HREF en attribut
var tags = cssQuery("[href]");
 
//  Trouve tous les element ANCRE qui on HREF égal à #
var tags = cssQuery("a[href='#']");
//  Trouve toutes les images contenu par le précédent résultat.
var images = cssQuery("img", tags);
 
//  Trouve toutes les listes.
var tags = cssQuery("dl,ol,ul");
 
//  Applique un filtre sur un xml externe
var tags = cssQuery("my|:root>my|link", myXMLDoc);
 
// juste un peu plus compliqué ;)
var complex = "p>a:first-child+input[type=text]~span";
var tags = cssQuery(complex);

Selecteurs autorisés

  • *
  • E
  • E F
  • E > F
  • E + F
  • E ~ F
  • E.warning
  • E#myid
  • E:link
  • E:first-child
  • E:last-child
  • E:nth-child(n)
  • E:nth-last-child(n)
  • E:only-child
  • E:root
  • E:lang(fr)
  • E:target
  • E:enabled
  • E:disabled
  • E:checked
  • E:contains(“foo”)
  • E:not(s)
  • E[foo]
  • E[foo=“bar”]
  • E[foo~=“bar”]
  • E[foo^=“bar”]
  • E[foo$=“bar”]
  • E[foo*=“bar”]
  • E[foo|=“bar”]

Compatibilité

  • Microsoft Internet Explorer 5+ (Windows)
  • Microsoft Internet Explorer 5.2 (Mac)
  • Firefox/Mozilla 1.6+
  • Opera 7+
  • Netscape 6+
  • Safari 1.2

Source

Téléchargement

Vous pouvez télécharger cssQuery ici : http://dean.edwards.name/download/#cssQuery.js
Le fichier compressé contient la page de test et le code source.

Page du créateur