Syntaxe jQuery
1. Syntaxe de base: $ ("sélecteur"). Action () * sélecteur: rechercher des éléments de requête, * acrion: effectuer des opérations sur les éléments
2 、 jQuery ready 函数: $ (document) .ready (function () {});
Brève introduction: $ (function () {});
3. Comment écrire la méthode : par exemple: méthode click: $ ("buton"). Click (function () {opération click});
4. L'échange d'éléments DOM et d'éléments jQuery :
DOM à jQuery: vous pouvez encapsuler le texte de l'élément DOM dans l'élément jQuery en enveloppant un calque de $ () $ (text)
jQuery vers DOM: l'indice $ ("text") [0] peut être utilisé pour encapsuler l'élément jQuery $ ("test") dans l'élément DOM
5. Sélecteur jQuery: recherchez des éléments HTML en fonction de l'ID de l'élément, de la classe, du type, de l'attribut, de la valeur d'attribut, etc. Tous les sélecteurs commencent par un signe dollar
a. Sélecteur de base:
①Sélecteur d'élément (sélectionner les éléments en fonction des noms d'élément): $ ("p")
② # sélecteur d'id (sélectionner les éléments en fonction de l'id): $ ("# text")
③. Sélecteur de classe (sélectionner les éléments en fonction de la classe): $ (". Text")
b. Sélecteur de niveau:
①ancestor descendant selector (ancestor represent ancestor, descendant represent descendant), utilisé pour faire correspondre tous les éléments descendants sous un élément ancêtre donné: $ ("# main p")
De plus, vous pouvez utiliser la méthode find () pour obtenir tous les éléments descendants de l'élément spécifié: $ ("# main"). Find ("p") = $ ("# main p")
②parent> sélecteur enfant (parent représente l'élément parent, enfant représente l'élément enfant), utilisé pour faire correspondre tous les éléments enfants sous un élément parent donné: $ ("form> p")
De plus, vous pouvez utiliser la méthode children () pour obtenir les éléments enfants de l'élément spécifié: $ ("form"). Children ("p") = $ ("form> p")
③prev + selecteur suivant (prev et next sont deux éléments du même niveau), utilisé pour faire correspondre tous les éléments suivants immédiatement après l'élément prev: $ ("div + img")
De plus, vous pouvez utiliser la méthode next () pour obtenir le prochain élément frère immédiatement à côté de l'élément spécifié et la méthode nextAll () pour obtenir tous les éléments frères après le spécifié:
$ ("div"). next ("img") = $ ("div + img") , $ ("div"). nextAll ("img")
④element ~ sélecteur de frères et sœurs (élément et frères et sœurs deux éléments partagent le même élément parent), utilisé pour faire correspondre tous les éléments de frères et sœurs au même niveau de l'élément élément: $ ("div ~ ul")
De plus, vous pouvez également utiliser la méthode siblings () pour obtenir tous les éléments frères de l'élément spécifié: $ ("div"). Siblings ("ul") = $ ("div ~ ul")
6. Sélecteur de filtre
a. Filtre simple: commencez par deux points pour obtenir un effet de filtrage simple
b. Filtre de contenu: le filtre de contenu consiste à filtrer le contenu textuel contenu dans l'élément DOM et s'il contient des éléments correspondants.
C. Sélecteur de visibilité: le filtre de visibilité doit correspondre à l'élément en utilisant l'état de visibilité de l'élément
d. Sélecteur d'attributs de l'objet de formulaire: l'attribut d'état de l'élément de formulaire (tel que sélectionné, indisponible, etc.) correspondant à l'élément
e. Filtre de sous-élément: Le sélecteur de sous-élément consiste à filtrer les sous-éléments d'un élément donné. Les conditions de filtrage spécifiques sont déterminées par le type de sélecteur.
7. Sélecteur d'attribut: Le sélecteur d'attribut est utilisé pour filtrer les objets à travers l'attribut de l'élément en tant que condition de filtrage.
8. Sélecteur de formulaire: le sélecteur de formulaire doit faire correspondre les éléments qui apparaissent souvent dans le formulaire. Mais les éléments correspondants ne sont pas nécessairement dans la forme.