Heim > Artikel > Web-Frontend > Warum Jquery verwenden?
Warum Jquery verwenden?
- coldplay.xixiOriginal
- 2020-11-16 10:53:133368Durchsuche
Gründe für die Verwendung von jquery: 1. Sie können schnell DOM-Elemente basierend auf CSS-Selektoren abrufen. 2. Darüber hinaus ähnelt das Programmierformat beim Ändern des CSS-Stils von DOM-Elementen dem Style-Tag, sodass es leicht zu merken ist.
Empfohlen: „jquery-Video-Tutorial“
1. Was ist jQuery?
jQuery ist eine Reihe von JavaScript-Bibliotheken, die einige der Komplexitäten der Verwendung von JavaScript zur Entwicklung von Spezialeffekten für Webseiten vereinfachen und bereitstellen Automatisierung allgemeiner Aufgaben und Vereinfachung komplexer Aufgaben. 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.
2. Warum jQuery verwenden
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.
Verwandte kostenlose Lernempfehlungen: JavaScript (Video)
Das obige ist der detaillierte Inhalt vonWarum Jquery verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!