jQuery et Manipulation de styles CSS

Déscription:

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:
342
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échargez le fichier

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.

Télécharger

Commerce électronique, optimisation de l'application web

Téléchargez tutoriel sur l'optimisation des applications web dynamiques pour les besoins du commerce électronique : cas particulier de Java et MySQL. Document en PDF sur 170 pages.

Télécharger

Constituer un site web avec Drupal

Apprenez à constituer un site web avec Drupal, tutoriel en pdf pour les débutants qui veulent savoir les bases et les notions de création des sites webs avec le CMS Drupal ainsi que les notions des serveurs et hébergement.

Télécharger

jQuery et les événements - Cours PDF

jQuery et les événements (événement souris, événement clavier, ..), support de cours en pdf à télécharger gratuitement pour les niveaux intermédiaires.

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

Créer une boite d'onglet avec jQuery

Avec ce tutoriel vous allez apprendre comment créer une boite d'onglet avec jQuery. Les onglets sont faciles à mettre en œuvre et peuvent être conçus pour fonctionner avec votre balisage existant. Ce guide va parcourir le processus.

Télécharger