jQuery et Manipulation de styles CSS

Description :

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’);

Envoyé le :
26 Apr 2018
Taille :
349.02 Kb
Téléchargements :
309
Envoyé le :
25 Apr 2017
Evaluation :
Total des Votes : 0



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

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 un site ou une application web .

Télécharger

Cours complet de jQuery

Télécharger gratuitement un cours complet de jQuery au fomat pdf. Ce tutoriel est conçu pour les programmeurs de logiciels qui veulent apprendre les bases de jQuery et ses concepts de programmation de manière simple et facile.

Télécharger

jQuery et les sélecteurs

Support de cours jQuery et les sélecteurs, document en pdf à télécharger gratuitement. Le sélecteur est une expression de chaîne qui identifie l'ensemble des éléments DOM qui seront collectés dans un ensemble correspondant à opérer par les méthodes jQuery.

Télécharger

Cours web dynamique PHP et MySQL

Cours web dynamique PHP et MySQL

Télécharger

Comment installer symfony sur votre ordinateur

Ce tutoriel vous aidera pas à pas à installer symfony sur votre ordinateur et à créer un premier projet en local.

Télécharger

Exercices corrigés de PHP en pdf

Enoncés et correction de langage PHP , un document en pdf à télécharger

Télécharger


Soyez le premier à écrire un commentaire sur ce fichier!
Veuillez vous identifier ou vous enregistrer.