Résumé des méthodes couramment utilisées dans Jquery_jquery

//Avantages de jQuery :

1 Léger
​ ​ 2 Sélecteurs puissants
​ ​ 3 Excellente encapsulation des opérations DOM
​ ​ 4 Mécanisme fiable de gestion des événements
​ ​ 5 Ajax parfaits
​ ​ 6 Ne polluez pas les variables de premier niveau
​ ​ 7 Excellente compatibilité avec les navigateurs
                                                                                       Mode de fonctionnement de la chaîne
          9 Itération implicite
10 Le comportement a été séparé de la couche structurelle
11 Prise en charge riche des plug-ins
12Documentation complète
13Open Source

$("#foo") et jQuery("#foo") sont équivalents
$.ajax et jQuery.ajax sont équivalents Le symbole $ est l'abréviation de jQuery

// window.onload : $(function(){ })
$(function(){ }) est équivalent à l'événement window.onload dans js. Il est exécuté immédiatement après le chargement de la page. Seulement, c'est la même chose que window.onload
. Mais window.onload ne peut en écrire qu'un, mais $(function(){ }) peut en écrire plusieurs
Lorsqu'il n'y a pas d'abréviation, c'est $(document)ready(function(){ })

//Style de fonctionnement en chaîne :

    $(".level1>a").click(function(){
      $(this).addClass("current") //给当前元素添加"current"样式
      .next().show(); //下一个元素显示
      .parent().siblings()//父元素的同辈元素
      .children("a") //子元素<a>
      .removeClass("current")//移出"current"样式
      .next().hide();//他们的下一个元素隐藏
    return false;
    })

//Convertir un objet jQuery en objet DOM :

1 L'objet jQuery est un objet de type tableau, et l'objet DOM correspondant peut être obtenu via la méthode [index]

var $cr = $("#cr");//objet jQuery
          var cr = $[0]; //Objet DOM

2 Une autre méthode est fournie par jQuery lui-même, et l'objet DOM correspondant est obtenu via la méthode get(index)

var $cr = $("#cr");//objet jQuery
          var cr = $cr.get(0);//Objet DOM

//Convertir un objet DOM en objet jQuery :

Pour un objet DOM, il vous suffit d'envelopper l'objet DOM avec $() pour obtenir un objet jQuery.
La méthode est : $(Objet DOM);

var cr = document.getElementById("cr");//objet DOM
        var $cr = $(cr); //objet jQuery

//Résoudre les conflits :

1 Si d'autres bibliothèques JS entrent en conflit avec la bibliothèque jQuery, nous pouvons appeler la fonction jQuery.noConflict() à tout moment pour transférer le contrôle de la variable $ vers d'autres bibliothèques JavaScript

    var $jaovo = jQuery.noConflict();
    $jaovo(function(){
      $jaovo("p").click(function(){
        alert($jaovo(this).text());
      });
    });

2 Vous pouvez utiliser "jQuery" directement pour effectuer du travail jQuery

    jQuery(function(){
      jQuery("p".click(function(){
        alert(jQuery(this).text());
      }));
    });

//sélecteur jQuery

1 Sélecteur de base
Le sélecteur de base est le sélecteur le plus couramment utilisé dans jQuery et est également le sélecteur le plus simple. Il recherche les éléments DOM via l'identifiant de l'élément, la classe et le nom de la balise

//jQuery :

Récupérez simplement l’objet label. C’est un tableau

//Acquisition d'objets jQuery :

$("p");//Obtenir tous les objets de balise p ---- L'objet obtenu est un tableau
$("#aa");//Récupérer l'objet de la balise avec l'identifiant aa --- L'objet obtenu est un tableau
$(".aaa");//Récupérer l'objet du tag avec la classe aaa --- L'objet obtenu est un tableau

//Conversion entre objet jQuery et objet DOM :

Les méthodes jQuery et les méthodes DOM ne peuvent pas être utilisées (appelées) les unes avec les autres, mais les objets peuvent être convertis les uns aux autres
$("p");//est un objet jQuery
Document.documentElementsTagName("p");//C'est un objet DOM
$(document.documentElementsTagName("p"));//Convertir l'objet DOM en objet jQuery
$("p").get(1);//C'est un objet DOM,
Get(1); représente le deuxième chiffre du tableau p, (l'indice 1 est le deuxième chiffre)
$($("p").get(1));//L'objet jQuery est converti en

//Objet jQuery converti en objet DOM :

1 L'objet jQuery est un objet de type tableau, et l'objet DOM correspondant peut être obtenu via la méthode [index]
        var $cr = $("#cr");//objet jQuery
          var cr = $[0]; //Objet DOM
2 Une autre méthode est fournie par jQuery lui-même, et l'objet DOM correspondant est obtenu via la méthode get(index)
        var $cr = $("#cr");//objet jQuery
          var cr = $cr.get(0);//Objet DOM

//Objet DOM converti en objet jQuery :

Pour un objet DOM, il vous suffit d'envelopper l'objet DOM avec $() pour obtenir un objet jQuery.
La méthode est : $(Objet DOM);

var cr = document.getElementById("cr");//objet DOM
        var $cr = $(cr); //objet jQuery

//Créer un élément :

        $("

$parent.append($li_1).append($li_2);
a.append(b);//Ajoutez b à la fin de a (append), a est la balise parent et b est la balise enfant
a.append(c);//Ajoutez c à la fin de a (append), a est la balise parent et c est la balise enfant
a.append(b).append(c);//Ajoutez b et c à a. B et c sont des pairs, mais b est au-dessus de c (ajout d'appels chaînés)
a.prepend(b)//Ajouter b devant a a est la balise parent b est la balise enfant
a.insertAfter(b);//Ajouter a à la fin de b (de la même génération)

a.insertBefore(b);//Ajouter a devant b (de la même génération)
//Appeler le nœud mobile
//Insérez notre élément spécifié devant l'élément correspondant (specified element.insertBefore("matched element"))

//appendTo() ajoute des éléments :

//a est l'objet b est le nom de la balise
appendTo() : ​​​​ajoute l'élément spécifié à l'ensemble des éléments correspondants

$("li").appendTo("ul");//Ajouter la balise li à ul
a.appendTo("b"); //Oui, b est ajouté à a (a est une étiquette et b est une étiquette)
Élément spécifié.appendTo(élément correspondant);

//Supprimer l'élément (caché) remove() :

a.remove();//Supprimer a du HTML (caché)
var $li = $("ul li:eq(1)").remove();//Supprimer la deuxième balise li dans ul eq(1); qui est l'élément li avec l'indice 1, qui est l'élément li Deux; , car l'indice commence à 0
           $li.appendTo("ul");//Réajoutez l'élément qui vient d'être supprimé à ul
            $("ul li").remove("li[title !=Apple]");//Supprimer tous les éléments li de l'élément ul dont l'attribut title n'est pas celui d'Apple

//removeAttr() supprime la valeur d'attribut de l'élément spécifié :

removeAttr(xx,xx); supprimer la valeur de l'attribut

Quel est votre fruit préféré ?

//Effacer vide() :

         $("ul li:eq(1)").empty();//Trouvez le deuxième élément li dans ul et supprimez le contenu, (nœud de texte,

//replaceAll() :
$("Quel est le fruit le moins préféré de votre maman ???").replaceAll("#abc");//Le premier remplace le dernier par l'ID #abc Cette balise
               $("

//Wrap wrap() wraoAll() wrapInner() :

//wrap() :

wrap() : enveloppez l'élément correspondant avec une nouvelle balise HTML.
un objet étiquette (enveloppé) b est une étiquette (enveloppée avec l'étiquette b)
         Toutes les balises a seront enveloppées
            a.wrap(b);
// S'il y a une balise a, enveloppez-la dans :
                                                                                                                                                                                                   dehors                // S'il y a plusieurs balises a, enveloppez-les dans :
                                                                                                                                                                                                   dehors                                                                                                                                                                                                                   dehors                                                                                                                                                                                                                   dehors                Chacun est séparé de la séparation d'emballage ensemble
.           a.wrap("b");//Il ajoute une balise parent à a est enveloppé par b
.                                                                                         $("p").wrap("");//Ajoutez une balise parent à la balise p, c'est-à-dire enveloppez la balise p avec la balise ;i> ;

Je suis p tag