Quelle est la différence entre JS et JQUERY ?

①. Obtenez des éléments basés sur l'ID

{

JS : Ce que vous obtenez est un objet DOM.

Exemple : var p = document.getElementByID("one");

JQUERY : Ce qui est obtenu est un objet JQUERY.

Exemple : var p = $("#one"); - Les parenthèses permettent de rechercher en fonction de quelque chose, ce qui équivaut à une sélection. Si nous voulons rechercher en fonction de l'ID, l'ID dans le style. feuille Il est représenté par #, donc ici nous introduisons directement le signe dièse. La phrase entière signifie rechercher en fonction de l'identifiant d'un.

}

②. Obtenez les éléments selon la classe. Dans le tableau, si vous souhaitez obtenir l'objet DOM, utilisez la méthode index. Si vous souhaitez obtenir l'objet JQUERY, utilisez eq. ()

{

JS : Ce qui est obtenu est un tableau

Exemple : var p = document.ElementsByClassName("test");

JQUERY :

Exemple : var p = $(".test");

}

③ Prenez l'élément selon le nom

{

JS : renvoie un tableau

Exemple : var bd = document.getElementsByName(uid);

JQUERY : La méthode consiste à utiliser des crochets, attribut = une valeur, il y a aucune restriction sur la prise de la valeur basée sur le nom, JQUERY est basé sur l'attribut pour obtenir l'élément

Exemple : $("[name='uid']");

}

④. Récupérez l'élément

en fonction du nom de la balise {

JS : il renvoie également un tableau

Exemple : var p = document.getElementsByTagName("p ");

JQUERY : Ajouter tous les p dans la feuille de style La méthode de style est la même, écrivez le nom de la balise directement entre guillemets doubles

Exemple : $("p");

}

Pièce jointe : Autres méthodes de valeur de JQUERY

Sélection de combinaison : var p = $("p span");——Il existe de nombreuses méthodes de combinaison

************************ ************************* ***********************

Contenu de l'opération

　①.Éléments non-formulaires (s'il s'agit de texte, utilisez la méthode texte, s'il s'agit de code html, utilisez la méthode html)

　　{

　Par exemple : p.text();——Quand il n'y a pas de paramètres, c'est une valeur

　　p.text("aaaa");——Quand il y a des paramètres, c'est une affectation

　　p.html( );——Quand il n'y a pas de paramètres, c'est une valeur

　　p.html("aaaa");——Quand il y a des paramètres, c'est une affectation

　　}

　② .Élément de formulaire

　　{

　　 JS : p.value;——Value; p.value = xxx;——Assignment

　 JUQERY : p.val(); avec des paramètres, c'est une mission.

　}

*************************************** ***** *******************************

Manipuler les attributs

Utilisé pour manipuler les attributs en JS La méthode est

p.setAttribute("",""); - définir les attributs, modifier les attributs

p.removeAttribute(""); entre guillemets Un nom d'attribut

p.getAttribute();——Obtenir l'attribut

La méthode utilisée pour faire fonctionner les attributs dans JQUERY

Ajouter des attributs : p.attr( "test", "aa");——Ajoutez des paramètres à cette méthode attr, le nom de l'attribut est test et la valeur de l'attribut est aa

Supprimez les attributs : p.removeAttr("test");—— Supprimer les attributs de l'élément de test

Obtenir les attributs : p.attr("test"); - Écrivez simplement le nom d'un attribut directement dans la méthode attr

******** **** ********************************************** ***** ********

Style de fonctionnement

Le mot-clé pour le style de fonctionnement en JS est style

Exemple : p.style.backgroundColor = "red";— —Définissez la couleur d'arrière-plan de ce p sur rouge

Le mot-clé pour les styles de fonctionnement dans JQUERY est css

Exemple : p.css("background-color","jaune ");— —Changez la couleur d'arrière-plan de ce p en jaune. Tous les styles du CSS ici sont exactement les mêmes que les styles de la feuille de style CSS sans aucun changement

La méthode JS de styles de fonctionnement peut n'obtenez que des styles en ligne, pas des styles intégrés et externes ! ! ! ! !

La méthode de fonctionnement des styles de JQUERY peut être en ligne ou intégrée

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!