Was ist der Unterschied zwischen JS und JQUERY?

①. Holen Sie sich Elemente basierend auf der ID

{

JS: Was Sie erhalten, ist ein DOM-Objekt.

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

JQUERY: Was erhalten wird, ist ein JQUERY-Objekt.

Beispiel: var p = $("#one"); - Die Klammern dienen der Suche nach etwas, was einer Auswahl entspricht. Wenn wir nach der ID suchen möchten, ist dies die ID im Stil Blatt Es wird durch # dargestellt, daher fügen wir hier direkt das Nummernzeichen ein. Der gesamte Satz bedeutet, anhand der ID von einem zu suchen.

}

② Wenn Sie im Array das DOM-Objekt abrufen möchten, verwenden Sie die Indexmethode ()

{

JS: Was erhalten wird, ist ein Array

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

JQUERY :

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

}

③ Nimm das Element entsprechend dem Namen

{

JS: Gibt ein Array zurück

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

JQUERY: Die Methode besteht darin, eckige Klammern zu verwenden, Attribut = ein Wert, den es gibt Keine Einschränkung bei der Übernahme des Werts basierend auf dem Namen. JQUERY basiert auf dem Attribut, um das Element zu erhalten.

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

}

④. Holen Sie sich das Element

basierend auf dem Tag-Namen {

JS: Die Rückgabe ist ebenfalls ein Array

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

JQUERY: Alle p im Stylesheet hinzufügen. Die Stilmethode ist die gleiche, schreiben Sie den Tag-Namen direkt in doppelte Anführungszeichen

Beispiel: $("p");

}

Anhang: Andere Wertmethoden von JQUERY

Kombinationsauswahl: var p = $("p span");——Es gibt viele Kombinationsmethoden

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

Operationsinhalt

　①.Nicht-formale Elemente (wenn es sich um Text handelt, verwenden Sie die Textmethode, wenn es sich um HTML-Code handelt, verwenden Sie die HTML-Methode)

　　{

　Zum Beispiel: p.text();——Wenn keine Parameter vorhanden sind, handelt es sich um einen Wert

　　p.text("aaaa");——Wenn Parameter vorhanden sind, handelt es sich um eine Zuweisung

　　p.html( );——Wenn keine Parameter vorhanden sind, handelt es sich um einen Wert

　　p.html("aaaa");——Wenn Parameter vorhanden sind, handelt es sich um eine Zuweisung

　　}

　② .Formularelement

　　{

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

　 JUQERY: p.val(); ——Ohne Parameter ist es ein Wert und mit Parametern , es ist eine Aufgabe.

　}

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

Attribute manipulieren

Verwendet Um Attribute in JS zu manipulieren, lautet die Methode

p.setAttribute("",""); - Attribute festlegen, Attribute ändern

p.removeAttribute(""); - Attribute entfernen, schreiben in Anführungszeichen Ein Attributname

p.getAttribute();——Holen Sie sich das Attribut

Die Methode, die zum Betreiben von Attributen in JQUERY verwendet wird

Attribute hinzufügen: p.attr( „test“, „aa“);——Fügen Sie Parameter zu dieser attr-Methode hinzu, der Attributname ist test und der Attributwert ist aa

Attribute entfernen: p.removeAttr("test");—— Entfernen Sie die Testelementattribute

Attribute abrufen: p.attr("test"); - Schreiben Sie einfach den Namen eines Attributs direkt in die attr-Methode

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

Operationsstil

Das Schlüsselwort für den Operationsstil in JS ist style

Beispiel: p.style.backgroundColor = „red“;— –Setzen Sie die Hintergrundfarbe dieses p auf Rot

Das Schlüsselwort für Betriebsstile in JQUERY ist css

Beispiel: p.css("background-color","gelb ");— —Ändern Sie die Hintergrundfarbe dieses p in Gelb. Alle Stile im CSS hier stimmen ohne Änderungen genau mit den Stilen im CSS-Stylesheet überein

Die JS-Methode zum Bedienen von Stilen kann Erhalten Sie nur Inline-Stile, nicht eingebettete und externe! ! ! ! !

Die Betriebsstile von JQUERY können inline oder eingebettet sein

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen JS und JQUERY?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!