Jquery
Mr Benabderrezak
PHD student in Cyber Security
Full-stack Web developer 1
C’est quoi Jquery ?
⇒ jQuery est une bibliothèque JavaScript légère, "écrire moins, faire plus".
⇒ Le but de jQuery est de rendre beaucoup plus facile l’utilisation de JavaScript
sur votre site Web.
⇒ jQuery prend beaucoup de tâches courantes qui nécessitent de nombreuses
lignes de code JavaScript à accomplir, et les enveloppe dans des méthodes que
vous pouvez appeler avec une seule ligne de code.
⇒ jQuery simplifie également beaucoup de choses compliquées de JavaScript,
comme les appels AJAX et la manipulation DOM.
2
C’est quoi Jquery ?
⇒ La bibliothèque jQuery contient les fonctionnalités suivantes :
● Manipulation HTML/DOM
● Manipulation CSS
● Méthodes d’événements HTML
● Effets et animations
● AJAX
● Services publics
3
Syntaxe
⇒ La syntaxe jQuery est faite sur mesure pour sélectionner des
éléments HTML et effectuer une action sur l’élément (s).
⇒ La syntaxe de base est : $(sélecteur). action()
1. Un signe $ pour définir/accéder à jQuery
2. A (sélecteur) pour "rechercher (ou trouver)" des éléments HTML
3. Une action jQuery() à effectuer sur l’élément(s)
4
Exemples
$(document).ready(function(){
$("p"). hide() // masque tous les éléments <p>.
$(".test"). hide() // masque tous les éléments avec class="test".
$("#test"). hide() // masque l’élément avec id="test".
});
5
Jquery Sélecteurs
6
Jquery Sélecteurs
7
Jquery Events
8
9
10
11