0% ont trouvé ce document utile (0 vote)
30 vues11 pages

5 Jquery

Transféré par

essosolim4
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
0% ont trouvé ce document utile (0 vote)
30 vues11 pages

5 Jquery

Transféré par

essosolim4
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

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

Vous aimerez peut-être aussi