Maison > Article > interface Web > Li Yanhui jquery partage de matériel vidéo de base
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.
Adresse de lecture vidéo : http://www.php.cn/course/384.html
L'important et le difficile points dans l'apprentissage de jQuery :
1. Sélectionnez des éléments de page Web
La conception de base et l'utilisation principale de jQuery sont de "sélectionner un élément de page Web, puis d'effectuer une opération dessus" . C'est la caractéristique fondamentale qui la distingue des autres bibliothèques de fonctions.
La première étape de l'utilisation de jQuery consiste souvent à mettre une expression de sélection dans le constructeur jQuery() (en abrégé $), puis à obtenir l'élément sélectionné.
L'expression de sélection peut être un sélecteur CSS :
$(document)//Sélectionnez l'objet document entier
$('#myId')//Sélectionnez l'élément web avec le ID myId
$('div.myClass')//Sélectionnez l'élément div avec la classe myClass
$('input[name=first]')//Sélectionnez l'élément d'entrée avec l'attribut name égal au premier
Il peut également s'agir d'une expression spécifique à jQuery :
$('a:first')//Sélectionnez le premier élément a de la page Web
$('tr:odd') //Sélectionnez le nombre impair de la table Ligne
$('#myForm :input')//Sélectionnez l'élément d'entrée sous la forme
$('div:visible') //Sélectionnez l'élément div visible
$('div:gt(2 )')//Sélectionnez tous les éléments div, sauf les trois premiers
$('div:animated')//Sélectionnez l'élément div actuellement dans un état animé
2. Modifiez l'ensemble de résultats
Si plusieurs éléments sont sélectionnés, jQuery fournit des filtres qui peuvent affiner l'ensemble de résultats :
* $('div').has('p'); l'élément div contenant l'élément p
* $('div').not('.myClass'); //Sélectionner les éléments div dont la classe n'est pas égale à myClass
* $('div').filter ('.myClass'); //Sélectionnez la classe égale à myClass L'élément div
* $('div').first(); //Sélectionnez le 1er élément div
* $('div'). eq(5); //Sélectionnez le 6ème élément div
Parfois, nous devons partir de l'ensemble de résultats et passer aux éléments associés proches. jQuery fournit également une méthode de déplacement sur l'arborescence DOM :
$('div').next('p' ); //Sélectionnez le premier élément p après l'élément div
$('div').parent( //Sélectionnez l'élément parent de l'élément div
🎜> $('div').closest('form '); //Sélectionnez l'élément parent du formulaire le plus proche du div
$('div').children(); //Sélectionnez tous les éléments enfants du div
$('div').siblings(); //Sélectionner les éléments frères de div
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!