jquery est une bibliothèque de fonctions JavaScript ; jquery est une bibliothèque JavaScript légère, rapide et concise. jquery simplifie considérablement la programmation JavaScript, encapsule les codes de fonction JavaScript couramment utilisés, fournit un modèle de conception JavaScript simple et optimise le fonctionnement des documents HTML, la gestion des événements, conception d'animation et interaction Ajax.
L'environnement d'exploitation de cet article : système Windows 10, jquery version 3.6.0, ordinateur Dell G3.
jQuery est une bibliothèque JavaScript rapide et concise, qui simplifie grandement la programmation JavaScript. Le but de la conception de jQuery est « écrire moins, faire plus », ce qui signifie écrire moins de code et faire plus de choses. Il encapsule les codes fonctionnels couramment utilisés en JavaScript, fournit un modèle de conception JavaScript simple et optimise les opérations sur les documents HTML, le traitement des événements, la conception d'animations et l'interaction Ajax.
jQuery est un framework JavaScript rapide et concis. C'est une autre excellente bibliothèque de code JavaScript (ou framework JavaScript) après Prototype. Le but de la conception de jQuery est « écrire moins, faire plus », ce qui signifie écrire moins de code et faire plus de choses. Il encapsule les codes fonctionnels couramment utilisés en JavaScript, fournit un modèle de conception JavaScript simple et optimise les opérations sur les documents HTML, le traitement des événements, la conception d'animations et l'interaction Ajax.
Les fonctionnalités principales de jQuery peuvent être résumées comme suit : Il possède une syntaxe de chaîne unique et une interface multifonctionnelle courte et claire ; Il dispose d'un sélecteur CSS efficace et flexible et peut étendre le sélecteur CSS ; -in mécanisme d'extension et plugin riche. jQuery est compatible avec divers navigateurs grand public, tels que IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+, etc.
Syntaxe et sélecteurs
La syntaxe jQuery consiste à sélectionner des éléments HTML et à effectuer certaines opérations sur les éléments sélectionnés.
Syntaxe de base : $(selector).action()
Définition du signe dollar jQuery
Selector (sélecteur) "requête" et "trouver" des éléments HTML
L'action() de jQuery effectue des opérations sur les éléments
Fonction d'entrée jquery :
$(document).ready(function(){ // 执行代码 });
ou
$(function(){ // 执行代码 });
selector
# Sélecteur d'ID
Cliquez le bouton pour masquer le sélecteur avec ID Test
rreee.Classe sélecteur
Cliquez le bouton pour masquer le sélecteur avec la classe de test de classe
$(document).ready(function(){ $("button").click(function(){ $("#test").hide(); }); });
$(document).ready(function(){ $("button").click(function(){ $(".test").hide(); }); });
Pour les autres événements, veuillez vous référer à l'API à la fin de l'article
Obtenir et définir des classes CSS
addClass() - Ajouter une ou plusieurs classes à l'élément sélectionné
removeClass ( ) - Supprimer une ou plusieurs classes de l'élément sélectionné
toggleClass() - Ajouter/supprimer des classes à l'élément sélectionné
css() - Définir ou renvoyer des attributs de style
Exemple :
$().click(function(){ …. })
Tutoriels associés Recommandé : jQuery tutoriel vidéo
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!