Heim >Web-Frontend >Front-End-Fragen und Antworten >Warum Jquery verwenden, wenn Sie Js haben?
Warum Jquery verwenden, wenn Sie Js haben?
- WBOYOriginal
- 2022-06-07 17:24:071195Durchsuche
Da jquery einige der Komplexitäten der Verwendung von JavaScript zum Entwickeln von Webseiten-Spezialeffekten vereinfacht, können durch die Automatisierung allgemeiner Aufgaben und die Vereinfachung komplexer Aufgaben mithilfe von jquery nicht nur Funktionen reduziert werden, die ursprünglich viel JavaScript-Code erfordern Code und bietet eine ausreichend hohe Leistung. Wenn Sie also über JavaScript verfügen, müssen Sie jquery verwenden, um die Codezeilen zu reduzieren.
Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.
Warum jquery verwenden, wenn Sie js haben?
jQuery ist eine JavaScript-Bibliothek und kann daher auf JavaScript ausgeführt werden. Es kann nicht alleine existieren, Sie können es also nicht zusätzlich verwenden. Sie können nur JavaScript oder JavaScript und jQuery verwenden. jQuery wurde eingeführt, um die JavaScript-Entwicklung zu vereinfachen. Dadurch wird die Entwicklungszeit verkürzt. Verwenden Sie es, um Animationen hinzuzufügen und sogar an Ihrer Website zu arbeiten.
jQuery vereinfacht das Durchlaufen von HTML-Dokumenten, die Ereignisverarbeitung, Animation und Ajax-Interaktion für eine schnelle Webentwicklung. jQuery ist einfacher zu verwenden als JavaScript und seine anderen JavaScript-Bibliotheken. Bei der Verwendung von jQuery müssen im Vergleich zu JavaScript weniger Codezeilen geschrieben werden.
jQuery ist eine Reihe von JavaScript-Bibliotheken, die einige der Komplexitäten der Verwendung von JavaScript zur Entwicklung von Webseiten-Spezialeffekten vereinfachen und so allgemeine Aufgaben automatisieren und komplexe Aufgaben vereinfachen. Durch den Einsatz von jQuery können nicht nur Funktionen, die ursprünglich viel JavaScript-Code erfordern, auf wenige Codezeilen reduziert werden, sondern auch eine ausreichend schnelle Leistung bereitgestellt werden.
Angenommen, wir haben jetzt die folgende grundlegende Webseite:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
*{
margin: 0;
padding: 0;
}
div{
width: 100px;
height: 100px;
border: 1px solid #000000;
}
</style>
</head>
<body>
<div></div>
<div></div>
<div id="box2"></div>
</body>
</html>Dann verwenden wir natives JavaScript und jQuery, um die Hintergrundfarbe der drei oben genannten Divs zu ändern.
<script>
//使用原生JavaScript改变背景颜色
window.onload = function (ev) {
var div1 = document.getElementsByTagName("div")[0];
var div2 = document.getElementsByClassName("box1")[0];
var div3 = document.getElementById("box2");
// console.log(div1);
// console.log(div2);
// console.log(div3);
div1.style.backgroundColor = "red";
div2.style.backgroundColor = "yellow";
div3.style.backgroundColor = "blue";
}
//使用jQuery改变背景颜色
// $(function () {
// var $div1 = $("div")[0];
// var $div2 = $(".box1")[0];
// var $div3 = $("#box2")[0];
// // console.log($div1);
// // console.log($div2);
// // console.log($div3);
// $div1.css({
// background: "red"
// });
// $div2.css({
// background: "yellow"
// });
// $div3.css({
// background: "blue"
// });
// })
</script>Beim Vergleich der beiden Methoden können wir erkennen, dass der direkteste Vorteil der Verwendung von jQuery darin besteht, dass Sie schnell DOM-Elemente basierend auf CSS-Selektoren erhalten können. Darüber hinaus ähnelt das Programmierformat beim Ändern des CSS-Stils von DOM-Elementen dem Style-Tag, sodass es leicht zu merken ist. Natürlich bietet die Verwendung von jQuery noch weitere Vorteile, die wir in späteren Studien weiter entdecken und erforschen werden.
Video-Tutorial-Empfehlung: jQuery-Video-Tutorial
Das obige ist der detaillierte Inhalt vonWarum Jquery verwenden, wenn Sie Js haben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!