jQuery

Le jQuery est plus simple et plus rapide à utiliser que le DOM du JavaScript ordinaire. Par exemple :

document.getElementByTagName("p");

s'écrit en jQuery comme suit :

$("p");

Ou encore :

document.getElementById("liste1");
$("#liste1");

Obtenir tous les éléments liste <li> avec la classe a :

$("li.a");

Ce qui est moins évident à faire en DOM.

Sélecteurs

Sélecteur	Intention
`tagname`	Trouve tous les éléments qui sont nommés tagname.
`#identifier`	Trouve tous les éléments qui ont le ID identifier.
`.className`	Trouve tous les éléments qui ont l'attribut `class` et la valeur `className`.
`tag.className`	Trouve tous les éléments `tag` et la classe qui ont le nom `className`.
`tag#id.className`	Trouve l'élément `tag` avec un ID de `id` et l'attribut de classe `className`.
`*`	Trouve tous les éléments de la page.

Filtres

Les filtres sont utilisés pour filtrer la sélection.

Dans le code suivant :even est le filtre :

$(document).ready(function() {
  $('#users tbody tr:even').css('background-color','#dddddd');
});

D'autres filtres

:odd
:first
:last

Évenements

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Exemple de jQuery</title>
    <script type="text/javascript" src="./js/jquery-1.4.1.js"></script>
    <script type="text/javascript">
        $("document").ready(function() {
            alert("La page est chargée.");
        });
    </script>
</head>
<body>
 
</body>
</html>

Ressources

jQuery