Adakah jquery sebuah perpustakaan?

jquery ialah perpustakaan. jquery ialah perpustakaan kod JavaScript yang sangat baik Ia adalah perpustakaan kelas yang dibangunkan untuk memudahkan pembangunan JS atau DOM dan operasi lain yang merangkumi kod fungsian (fungsi) JS yang biasa digunakan, menyediakan corak reka bentuk JS yang mudah, dan mengoptimumkan operasi Dokumen, pemprosesan acara, reka bentuk animasi, interaksi Ajax, dsb.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 3.6.1, komputer Dell G3.

jQuery ialah rangka kerja JavaScript yang pantas dan ringkas Ia merupakan satu lagi perpustakaan kod JavaScript yang sangat baik selepas Prototaip ia dikeluarkan oleh John Resig pada Januari 2006. Tujuan reka bentuk jQuery ialah "tulis kurang, buat lebih", yang bermaksud menulis kurang kod dan melakukan lebih banyak perkara. Ia merangkum kod fungsi yang biasa digunakan dalam JavaScript, menyediakan corak reka bentuk JavaScript yang mudah, dan mengoptimumkan operasi dokumen HTML, pemprosesan acara, reka bentuk animasi dan interaksi Ajax.

jquery ialah pustaka kelas yang terkandung dalam JavaScript Ia merujuk kepada pustaka fungsi JavaScript terkapsul , pustaka JavaScript "kurang tulis, lakukan lebih" yang ringan.

jQuery merangkum kod fungsi JavaScript biasa , menyediakan corak reka bentuk JavaScript yang mudah untuk mengoptimumkan operasi dokumen HTML, pemprosesan acara, reka bentuk animasi dan interaksi Ajax.

Tujuan reka bentuk jQuery ialah "kurang tulis, buat lebih", yang bermaksud kurang menulis kod dan melakukan lebih banyak perkara.

Ciri teras jQuery boleh diringkaskan seperti berikut: Ia mempunyai sintaks rantaian yang unik dan antara muka berbilang fungsi yang pendek dan jelas Ia mempunyai pemilih CSS yang cekap dan fleksibel, dan boleh memanjangkan pemilih CSS; mempunyai sambungan pemalam yang mudah Mekanisme dan pemalam yang kaya. jQuery serasi dengan pelbagai penyemak imbas arus perdana, seperti IE 6.0, FF 1.5, Safari 2.0, Opera 9.0, dll.

Ciri bahasa jQuery:

1 Dapatkan elemen dokumen dengan cepat

mekanisme pemilihan jQuery dibina pada pemilih Css , yang menyediakan keupayaan untuk menanyakan elemen dalam dokumen DOM dengan pantas, dan meningkatkan cara untuk mendapatkan elemen halaman dalam JavaScript.

2. Menyediakan kesan dinamik halaman yang cantik

jQuery mempunyai satu siri kesan animasi terbina dalam, yang boleh membangunkan halaman web yang sangat cantik menggunakan kesan terbina dalam jQuery, seperti fade -dalam Kesan khas dinamik seperti fade out dan penyingkiran unsur.

3. Cipta halaman web bukan muat semula AJAX

AJAX ialah singkatan JavaScript dan XML tak segerak Ia boleh membangunkan halaman web bukan muat semula yang sangat sensitif, terutamanya apabila membangunkan halaman web sebelah pelayan , seperti tapak web PHP , perlu berkomunikasi dengan pelayan bolak-balik Jika AJAX tidak digunakan, halaman web perlu dimuat semula setiap kali data dikemas kini Walau bagaimanapun, selepas menggunakan kesan khas AJAX, halaman tersebut boleh menjadi sebahagian disegarkan untuk memberikan kesan dinamik.

4. Menyediakan penambahan kepada bahasa JavaScript

jQuery menyediakan peningkatan kepada struktur JavaScript asas, seperti lelaran elemen dan pemprosesan tatasusunan.

5. Pengendalian acara dipertingkatkan

jQuery menyediakan pelbagai acara halaman, yang boleh menghalang pengaturcara daripada menambahkan terlalu banyak kod pengendalian acara dalam HTML Yang paling penting, pengendalian acaranya Pelayar menghapuskan pelbagai isu keserasian penyemak imbas .

6. Tukar kandungan halaman web

jQuery boleh mengubah suai kandungan halaman web, seperti menukar teks halaman web, memasukkan atau menyelak imej halaman web memudahkan cara kod JavaScript perlu diproses.

Sebab JQuery begitu cemerlang ialah ia menyepadukan banyak ciri cemerlang, terutamanya termasuk ciri berikut:

• ·Pemilih CSS penggunaan menyediakan gelagat carian unsur pantas.

• ·Menyediakan lapisan abstraksi untuk menyeragamkan pelbagai tugas biasa dan boleh menyelesaikan isu keserasian pelbagai penyemak imbas.

• ·Permudahkan kod kompleks dan sediakan mod pengaturcaraan bercantum, yang sangat memudahkan pengendalian kod.

Terdapat tiga cara asas untuk menggunakan jQuery:

1 Jalankan selepas memuatkan halaman:

Biasanya apabila kita menggunakan pramuat kita perlu mengikat kaedah untuk onload():

<script type="text/javascript">
	document.onload = function () {
            // 这个事件在页面加载完成之后加载的
        }
</script>

Tetapi dalam jQuery kita hanya perlu menggunakan $() untuk mengikat kaedah Muat

    <script type="text/javascript">
        $.ready(function () {

        });
        $(function () {
            //这两个都可以
            console.log("页面加载");
        });
        //在$()中的函数可以自动加载onload函数
    </script>

2 Melalui rentetan pemilih teg, kembalikan pembungkus jQuery objek teg ke baris

dalam objek DOM Kami menggunakan:

    <script type="text/javascript">
        var div = document.getElementsByTagName("div")[0];
    </script>

untuk memilih tag.

Tetapi dalam jQuery:

    <script type="text/javascript">
        var div = $("div");
    </script>

dengan p ialah tatasusunan

3. Kaedah ketiga menukar objek DOM kepada objek jQuery

Kita boleh menukar objek DOM kepada objek jQuery:

    <script type="text/javascript">
        var div1 = document.getElementsByTagName("div")[0];
        var jqy = $(div1);
    </script>

Di sini kita mempunyai kaedah objek DOM dalam jqy.

Jumlah kod:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>jQuery</title>
    <style>
    <!--选择器 -->
        div{
            /*重定义标签选择器*/
            background: #000;
        }
    </style>
</head>
<body>
    <div>Hello!</div>
    <script src="js/jquery-3.4.1.slim.min.js"/>
    <script type="text/javascript">
        document.onload = function () {
            // 这个事件在页面加载完成之后加载的
        }
        $.ready(function () {

        });
        $(function () {
            //这两个都可以
            console.log("页面加载");
        });//可以自动加载onload函数
        /*
        * 2.通过标签选择器字符串，返回标签对象的的jQuery包装对线
        * */
        //在DOM对象中，我们使用
        // var div = document.getElementsByTagName("div")[0];
        //选择的是div的集合
        var div = $("div");
        div.css("","");//两个值，前面的是名称，后面是值
        /*
        * 3.第三种方法把DOM对象转换成jQuery对象
        * */
        var div1 = document.getElementsByTagName("div")[0];
        var jqy = $(div1);
    </script>
</body>
</html>

[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]

Atas ialah kandungan terperinci Adakah jquery sebuah perpustakaan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!