Rumah > Artikel > hujung hadapan web > Mengapa menggunakan jquery apabila anda mempunyai js?
Mengapa menggunakan jquery apabila anda mempunyai js?
- WBOYasal
- 2022-06-07 17:24:071142semak imbas
Oleh kerana jquery memudahkan beberapa kerumitan menggunakan JavaScript untuk membangunkan kesan khas halaman web, menyediakan automasi tugas biasa dan memudahkan tugas yang kompleks menggunakan jquery bukan sahaja dapat mengurangkan fungsi yang pada asalnya memerlukan banyak kod JavaScript; dilaksanakan Beberapa baris kod, dan memberikan prestasi yang cukup tinggi, jadi jika anda mempunyai JavaScript, anda juga perlu menggunakan jquery untuk mengurangkan baris kod.
Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.
Mengapa menggunakan jquery apabila anda mempunyai js
jQuery ialah perpustakaan JavaScript, jadi ia boleh dijalankan di atas JavaScript. Ia tidak boleh wujud dengan sendirinya, jadi anda tidak boleh menggunakannya di atas satu. Anda boleh menggunakan hanya JavaScript atau JavaScript dan jQuery. jQuery telah diperkenalkan untuk memudahkan pembangunan JavaScript. Ia akan mengurangkan masa pembangunan. Gunakannya untuk menambah animasi dan juga berfungsi di tapak web anda.
jQuery memudahkan traversal dokumen HTML, pengendalian acara, animasi dan interaksi Ajax untuk pembangunan web yang pantas. jQuery lebih mudah digunakan daripada JavaScript dan perpustakaan JavaScriptnya yang lain. Lebih sedikit baris kod perlu ditulis apabila menggunakan jQuery berbanding JavaScript.
jQuery ialah satu set perpustakaan JavaScript yang memudahkan beberapa kerumitan penggunaan JavaScript untuk membangunkan kesan khas halaman web, menyediakan automasi tugas biasa dan memudahkan tugas yang rumit. Menggunakan jQuery bukan sahaja boleh mengurangkan fungsi yang pada asalnya memerlukan banyak kod JavaScript kepada beberapa baris kod, tetapi juga menyediakan prestasi berkelajuan tinggi yang mencukupi.
Sebagai contoh, katakan kita kini mempunyai halaman web asas berikut:
<!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>Kemudian kami menggunakan JavaScript asli dan jQuery untuk menukar warna latar belakang tiga div di atas.
<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>Membandingkan kedua-dua kaedah, kita dapat melihat bahawa faedah paling langsung menggunakan jQuery ialah anda boleh mendapatkan elemen DOM dengan cepat berdasarkan pemilih CSS. Di samping itu, apabila mengubah suai gaya CSS elemen DOM, format pengaturcaraan adalah serupa dengan teg gaya, menjadikannya mudah diingati. Sudah tentu, terdapat faedah lain untuk menggunakan jQuery, yang akan kami terus temui dan terokai dalam kajian seterusnya.
Cadangan tutorial video: Tutorial video jQuery
Atas ialah kandungan terperinci Mengapa menggunakan jquery apabila anda mempunyai js?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!