fonctions de base: fonction jQuery

  • Variantes:

Crée l'arbre DOM de la chaine de caractère html passée en paramètre a la volée.

Version: disponible depuis la version 1.0 de JQuery

Paramétres:

  • html (String): code HTML

Valeur de retour: Objet Jquery

Exemple :

Cet exemple ajoute un div contenant bonjour a l'élément body.

$("<div><p>Hello</p></div>").appendTo("body")

1 Commentaire (afficher/poster)

Pointe sur l'élément ou le tableau d'élements passé en paramètre.

Version: disponible depuis la version 1.0 de JQuery

Paramétres:

  • element (element | array(elements)): élement ou tableau d'elements

Valeur de retour: objet JQuery

Exemple 1:

Affecte le style de la balise body, le fond du document deviendra noir.

$(document.body).css("background-color:black");
Exemple 2:

Cet exemple cachera tous les élements du formulaie nommé "monFormulaire".

$(monFormulaire.elements).hide();

0 Commentaire (afficher/poster)

Exécute la fonction lorsque que le document HTML est chargé. Equivaut à $(document).ready() Cela permet de ne commencer les opérations sur les différents éléments de la page uniquement lorsque ceux-ci sont complètement chargés.

Version: disponible depuis la version 1.0 de JQuery

Paramétres:

  • fonction (fonction): fonction a éxécuter lorsque le DOM sera chargé.

Valeur de retour: Objet JQuery

Exemple : 
$(function(){
   //contenu exécuté lorsque le document sera chargé
 });

0 Commentaire (afficher/poster)

Élément très intéressant, cette fonctionnalité permet de passer en paramètre un sélecteur CSS ou XPath permettant de pointer sur un ensemble d'éléments.

Version: disponible depuis la version 1.0 de JQuery

Paramétres:

  • expr (String): selecteur
  • context (Element|jQuery): objet sur lequel se basera la recherche (optionnel)

Valeur de retour: Objet JQuery

Exemple 1:

Recherche tous les élements p qui se trouvent a l'intérieur d'un div.

$("div > p")

Code de test: 

<p>one</p> <div><p>two</p></div> <p>three</p>

Résultat: 

[ <p>two</p> ]
Exemple 2:

Recherche tous les champs input de type radio qui se trouvent dans le premier formulaire du document html.

$("input:radio", document.forms[0])
Exemple 3:

Recherche tous les éléments de type div situés dans le document XML.

$("div", xml.responseXML)

0 Commentaire (afficher/poster)