Scribd
Importer
30 vues3 pages

Fiche JS JQuery L1

Ce document est une fiche de révision sur JavaScript et jQuery pour les étudiants de L1. Il couvre les déclarations de variables, les types de données, les conditions, les boucles, les fonctions, le DOM, ainsi que les concepts de base de jQuery, y compris les sélecteurs, les événements et les effets. Chaque section contient des exemples de code pour illustrer les concepts abordés.

Transféré par

gnaveflorys
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
30 vues3 pages

Fiche JS JQuery L1

Ce document est une fiche de révision sur JavaScript et jQuery pour les étudiants de L1. Il couvre les déclarations de variables, les types de données, les conditions, les boucles, les fonctions, le DOM, ainsi que les concepts de base de jQuery, y compris les sélecteurs, les événements et les effets. Chaque section contient des exemples de code pour illustrer les concepts abordés.

Transféré par

gnaveflorys
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

JavaScript + jQuery - Fiche de Révision L1

1. Déclaration de variables

// let : variable modifiable


let nom = "Anjara";

// const : constante (valeur fixe)


const age = 18;

// var : ancienne façon (à éviter)


var ville = "Tana";

2. Types de données

String (texte) : let texte = "Bonjour";


Number (nombre) : let nombre = 42;
Boolean (booléen) : let actif = true;
Array (tableau) : let cours = ["HTML", "CSS", "JS"];
Object (objet) : let personne = { nom: "Anjara", age: 18 };

3. Conditions

let age = 18;


if (age >= 18) {
[Link]("Majeur");
} else {
[Link]("Mineur");
}

4. Boucles

for (let i = 0; i < 5; i++) {


[Link](i);
}

let i = 0;
while (i < 5) {
[Link](i);
i++;
}
JavaScript + jQuery - Fiche de Révision L1

5. Fonctions

function saluer(nom) {
return "Bonjour " + nom;
}
[Link](saluer("Florys"));

6. DOM - JavaScript pur

// HTML : <p id="text">Bonjour</p>


[Link]("text").innerHTML = "Bonsoir";

// HTML : <button onclick="alert('Clique')">OK</button>

7. Introduction à jQuery

// Chargement de jQuery (HTML)


<script src="[Link]

// Syntaxe de base
$(document).ready(function() {
// ton code ici
});

8. Sélecteurs jQuery

$("#id") // sélectionne par id


$(".class") // sélectionne par classe
$("tag") // sélectionne tous les éléments de type tag

9. Événements jQuery

$("#btn").click(function() {
alert("Clique détecté");
});

$("#img").hover(function() {
$(this).css("border", "2px solid blue");
});
JavaScript + jQuery - Fiche de Révision L1

10. Effets jQuery

$("#texte").hide(); // cache
$("#texte").show(); // affiche
$("#texte").toggle(); // alterne
$("#texte").fadeIn(); // apparition douce
$("#texte").slideUp(); // glisse vers le haut

Vous aimerez peut-être aussi