Detaillierte Erläuterung des Unterschieds zwischen dem Schreiben von JQuery-Code und dem Schreiben von nativem JS

Um jQuery zu verwenden, müssen Sie zunächst am Anfang des HTML-Codes einen Verweis auf die jQuery-Bibliothek hinzufügen, zum Beispiel:

<script language="javascript" src="/js/jquery.min.js"></script>

Die Bibliotheksdatei kann lokal platziert oder direkt verwendet werden Der Vorteil besteht darin, dass die CDNs dieser großen Unternehmen relativ beliebt sind. Bevor Benutzer Ihre Website besuchen, haben sie diese wahrscheinlich beim Besuch anderer Websites im Browser gespeichert Eröffnung der Website. Ein weiterer Vorteil liegt auf der Hand: Die Einsparung von Bandbreite für den Website-Verkehr.

Der Unterschied zwischen dem Schreiben von JQuery-Code und dem Schreiben von nativem JS ist wie folgt:

1. Positionierungselemente
JS
document.getElementById("abc" )

jQuery
$("#abc") Positioniert nach ID
$(".abc") Positioniert nach Klasse
$("div") Positioniert nach Tag

Es ist zu beachten, dass das von JS zurückgegebene Ergebnis dieses Element ist und das von jQuery zurückgegebene Ergebnis ein JS-Objekt ist. Im folgenden Beispiel wird davon ausgegangen, dass das Element abc positioniert wurde.

2. Ändern Sie den Inhalt des Elements
JS
abc.innerHTML = "test";
jQuery
abc.html("test");

3 . Versteckte Elemente anzeigen
JS
abc.style.display = "none";
abc.style.display = "block";

jQuery
abc.hide();
abc.show();

abc.toggle();
//Wechseln Sie zwischen Anzeigen und Ausblenden

4 🎜>

JS und jQuery sind gleich, beide abc.focus();

5 Weisen Sie der Form

JS
abc.value = "test" jQuery
abc.val("test");

6. Holen Sie sich den Wert des Formulars

JS

alert(abc.value);
jQuery
warning(abc.val ());

7. Element als nicht verfügbar festlegen

JS

abc.disabled = true; true);

8. Elementstil ändern
JS
abc.style.fontSize=size;

jQuery

abc.css('
font-size
', 20);

JSabc.className="test";JQuery

abc.removeClass();

abc.addClass("test");

9. Ajax
JS
Erstellen Sie Objekte selbst

, kümmern Sie sich selbst um die Browserkompatibilität und andere komplizierte Probleme, lassen Sie es weg
jQuery


10. Bestimmen Sie, ob das

Kontrollkästchen

$.get("abc.php?a=1&b=2", recall);
postvalue = "a=b&c=d&abc=123";
$.post("abc.php", postvalue, recall);

aktiviert ist

function recall(result) {
alert(result);
//如果返回的是json，则如下处理
//result = eval('(' + result + ')'); 
//alert(result);
}

jQuery

if(abc.attr("checked") == "checked")

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung des Unterschieds zwischen dem Schreiben von JQuery-Code und dem Schreiben von nativem JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!