jQuery – Sélection des éléments

Sélecteurs hiérarchiques

Sélecteurs de base

$("#box"); Sélectionne l'élément dont l'id est box
$(".texte"); Sélectionne tous les éléments dotés de l'attribut class="texte"
$("div"); Sélectionne toutes les div de la page

Eléments descendants

$("body span"); Sélectionne tous les spans contenus dans le body

Eléments enfants

$("p>span"); Sélectionne les spans directement descendant d'un paragraphe(child elements)

Elément suivant

$(".tuto+p"); Sélectionne le paragraphe directement précédé d'un éléments de classe "tuto"(next elements)

Eléments enfants d’un même parent

$(".tuto~p"); Sélectionne les paragraphe précédés d'un élément de classe "tuto"(sibling elements)

Publier 19 mars 2015 par Michel PIALLIER dans jQuery - Sélection des éléments Commentaires fermés

Qu’est-ce que jQuery ?

jQuery est un framework Javascript libre et OpenSource, installé côté client.
Il s’occupe de l’interaction entre le DOM, Javascript, AJAX et HTML.
Il simplifie les commandes communes de Javascript.
Il est stocké dans un fichier unique en JavaScript contenant toutes les fonctions.
Toutes les instructions jQuery utilisées fonctionneront dans tous les navigateurs.

Publier 16 avril 2015 par Michel PIALLIER dans jQuery - Présentation Commentaires fermés

Fonction .each()

Description

HTML

    
<button id="bt1">Ajoute un préfixe sur les élément d'une liste</button>
<ul>

  <li class="list">Café</li>

  <li class="list">Lait</li>

  <li class="list">Chocolat</li>

</ul>

Javascript

    
$("#bt1").click(function(){
    $("li").each(function(){
        $(this).prepend "--- ";
    });
});

Jsfiddle

Publier 23 avril 2015 par Michel PIALLIER dans jQuery - Les fonctions Commentaires fermés

« Previous 1 2 3 4 5 6 Next »