$(document).ready(function(){
// code jQuery...
});
Méthode permettant d’attendre le chargement total de la page.
$(function(){
// code jQuery...
});
JQuery exécutera cette fonction lorsque le DOM sera chargé.
Quelques méthodes d’insertion :
after(elt) ⇒ Insertion de l’élément elt après les éléments sélectionnés.
$(’div’).after(’<p>Nouveau texte</p>’);
Insertion du paragraphe après le bloc.
before(elt) ⇒ Insertion de l’élément elt avant les éléments sélectionnés.
$(’div’).before(’<p>Nouveau texte</p>’);
Insertion du paragraphe avant le bloc.
append(elt) ⇒ Insertion de l’élément elt à la fin des éléments sélectionnés.
$(’div’).append(’Nouveau texte’);
Insertion du texte à la fin du bloc.
appendTo(selecteur) ⇒ Insertion des éléments de la liste à la fin des éléments ciblés par selecteur.
//Creation d’une image
var image = $(’<img src="toto.png" alt="toto" />’); //Insertion de cette image dans le bloc ’zone’
image.appendTo($(’div#zone’));
prepend(elt) ⇒ Insertion de l’élément elt au début des éléments sélectionnés.
$(’div’).prepend(’Nouveau texte’);
Insertion du texte au début du bloc.
Quelques méthodes de suppression :
remove(selecteur) ⇒ Suppression des éléments qui correspondent au sélecteur passé en paramètre.
$(’div’).remove(’$(p)’);
Suppression des paragraphes présents dans les blocs de la page.
remove() ⇒ Suppression des éléments sélectionnés.
$(’#lstBlocs’).children().remove();
Suppression de tous les éléments enfants présents dans l’élément ayant pour identifiant lstBlocs.
empty() ⇒ Suppression du contenu des éléments
sélectionnés (ne supprime pas l’élément lui-même).
$(’p’).empty();
Supprime le contenu des paragraphes.
text() ⇒ retourne le contenu textuel de l’élément courant.
text(’txt’) ⇒ affecte le texte txt à l’élément courant.
//Retourne le contenu textuel des paragraphes
$(’p’).text();
//Affectation du texte "Coucou" au paragraphe "titi"
$(’p#titi’).text("Coucou");
find(selecteur) ⇒ récupère tous les éléments selecteur.
$(’div#liste’).find(’h3’);
Retourne toutes les balises h3 présentent dans la balise div ayant l’identifiant liste.
attr(nomAttribut) ⇒ retourne la valeur de l’attribut nomAttribut.
$(’em’).attr(’title’);
Retourne le contenu de l’attribut title de la balise em.
attr(nomAttribut, valeur) ⇒ affecte valeur à l’attribut nomAttribut.
$(’img#toto’).attr(’alt’,’image1’);
Affecte à la balise img, ayant l’identifiant toto, l’attribut alt=’image1’.
css(nomPropriete) ⇒ retourne la propriété CSS nomPropriete.
$(this).css(’background-color’);
Retourne la couleur d’arrière plan de l’élément courant.
css(nomPropriete, valeur) ⇒ affecte valeur à la propriété CSS nomPropriete.
$(this).css(’background-color’, ’#FFB300’);
Affecte la couleur ’#FFB300’ à l’arrière plan de l’élément courant.
Ajouter un commentaire
Veuillez vous connecter pour ajouter un commentaire.
Pas encore de commentaires.