Accueil » Web » jQuery et Manipulation de styles CSS

jQuery et Manipulation de styles CSS

jQuery et Manipulation de styles CSS

jQuery et Manipulation de styles CSS - Cours PDF à télécharger gratuitement.

Avant de poursuivre avec ce tutoriel, vous devez avoir une compréhension de base de HTML, CSS, JavaScript, Document Object Model (DOM) et de tout éditeur de texte. Comme nous allons développer une application basée sur le Web en utilisant jQuery, ce sera bien si vous avez une compréhension de la façon dont fonctionnent les applications internet et web.

Comment installer jQuery ?

Il y a deux façons d'utiliser jQuery.

  • Installation locale - Vous pouvez télécharger la bibliothèque jQuery sur votre machine locale et incluez-le dans votre code HTML.
  • Version basée sur CDN - Vous pouvez inclure la bibliothèque jQuery dans votre code HTML directement à partir de Content Delivery Network (CDN).

Extrait de cours

jQuery utilise les sélecteurs CSS pour sélectionner les éléments sur lesquels effectuer une action.

Pour une revue des sélecteurs CSS, voir :

1. Le document du cours (diapositives);

2. La page : http://www.w3schools.com/cssref/css_selectors.asp

jQuery fournit plusieurs méthodes pour lire ou modifier les propriétés CSS des éléments. Parmi les plus utilisées :

css() : permet de lire ou de modifier une propriété de style.

Par exemples :

Pour récupérer la couleur du premier paragraphe :

var c = $(’p’).css(’color’);

On peut récupérer les valeurs de plusieurs propriétés dans un tableau :

var tab = $(’#menu’).css([

'width', 'height', 'background-color', 'margin'

]);

Pour mettre tous les paragraphes en rouge :

$(’p’).css(’color’,’red’);

Pour modifier plusieurs propriétés :

$('p').css('border-color','blue').css('background-color','lightgray');

Ou :

$('p').css({'border-color':'blue','background-color':'lightgray'});

addClass() : permet d’ajouter la ou les classe(s) spécifiée(s) aux éléments sélectionnés.

Par exemple :

Pour récupérer la couleur du premier paragraphe :

.encadre {border : 2px red solid; padding : 5px;}

$(’img’).addClass(’encadre’);

removeClass() : permet de supprimer la ou les classe(s) spécifiée(s) des styles des éléments sélectionnés.

$(’img’).removeClass(’encadre’);

toggleClass() : permet d’ajouter, si absente(s), ou supprimer, si présente(s), la ou les classe(s) spécifiée(s) aux éléments sélectionnés.

$(’img’).toggleClass(’encadre’);

Taille de fichier : 349.02 Kb
Téléchargement: 370
Publié le: 2018-04-26 15:50:26

Profitez de ce cours intitulé jQuery et Manipulation de styles CSS pour améliorer votre compétence dans Web et comprendre mieux jquery.

Ce cours est adapté à votre niveau ainsi que tout les cours pdf de jquery pour enrichir mieux votre connaissance.

Tout ce que vous devez faire est de télécharger le document de formation ,l'ouvrir et commencer à apprendre jquery gratuitement.

Télécharger le cours

Cours dans la même catégorie :

Les bases de ReactJS

Télécharger ce cours en PDF intitulé Les bases de ReactJS

Apprendre les bases du langage JavaScript et du DOM. Développer des interfaces utilisateur applicatives avec ReactJS et Flux. Apprendre le fonctionne

Démarrer avec WordPress

Télécharger ce cours en PDF intitulé Démarrer avec WordPress

Téléchargez gratuitement ce cours intitulé «Démarrer avec WordPress» en format PDF, tutoriel en 72 chapitres et 213 pages. Un ebook gratuit cré

Les objetss et JSON - Cours PDF

Télécharger ce cours en PDF intitulé Les objetss et JSON - Cours PDF

Télécharger document en pdf intitulé les objets et JSON, ceci est un cours complet sur 50 pages traitant les notations objet et les chaines JSON.

jQuery et Ajax - Cours PDF

Télécharger ce cours en PDF intitulé jQuery et Ajax - Cours PDF

Support de cours jQuery et Ajax, document en pdf à télécharger gratuitement. AJAX est une technologie utilisée pour faciliter les changements de

Apprendre Jquery

Télécharger ce cours en PDF intitulé Apprendre Jquery

Ceci est un tutoriel de jQuery pour débutants, il fournit une connaissance approfondie de la technologie jQuery. ce didacticiel de jQuery vous aidera

Trucs et astuces de jQuery

Télécharger ce cours en PDF intitulé Trucs et astuces de jQuery

Trucs et astuces pour jQuery,Nous disposons dans ce cours une liste de trucs et astuces pour jQuery ainsi que les meilleur technique pour developper u