jquery ialah perpustakaan kelas yang terkandung dalam JavaScript. jQuery ialah perpustakaan kelas yang dibangunkan untuk memudahkan pembangunan JS atau operasi DOM; ia merangkumi kod fungsi (fungsi) yang biasa digunakan dalam JS, menyediakan mod reka bentuk JS yang ringkas dan mengoptimumkan operasi dokumen HTML, pemprosesan acara dan reka bentuk animasi , interaksi Ajax, dll.

Persekitaran pengendalian tutorial ini: sistem windows7, versi jquery3.2.1, komputer Dell G3.

jquery ialah perpustakaan kelas yang terkandung dalam JavaScript.

Untuk memudahkan pembangunan JavaScript atau operasi DOM, beberapa perpustakaan JavsScript telah dilahirkan

Pustaka JavaScript merangkum banyak objek dan fungsi utiliti yang telah ditetapkan.

Ia boleh membantu pengguna mencipta halaman pelanggan yang kaya dengan ciri Web2.0 yang mempunyai interaksi peringkat tinggi dan serasi dengan semua penyemak imbas utama.

jQuery ialah satu lagi pustaka JavaScript yang sangat baik selepas Prototaip

falsafah jQuery: kurangkan tulis, buat lebih banyak.

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

Pustaka jQuery termasuk perpustakaan teras, UI, pemalam dan modul Mudah Alih jQuery.

Dengan pemilih yang berkuasa, operasi rantaian dan keserasian penyemak imbas yang sangat baik, jQuery sangat memudahkan operasi seperti mengakses dan mengemas kini halaman HTML, operasi DOM, pengendalian acara dan pelaksanaan animasi.

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.

versi jQuery

• Versi 1.xx.x: serasi dengan hampir semua penyemak imbas pada masa ini di pasaran

• Versi 2.xx.x: Pada mulanya tidak lagi serasi dengan penyemak imbas IE, kemudian ditukar kepada tidak lagi serasi dengan versi IE6/7/8

• versi 3.xx.x : Tidak serasi dengan IE6/7/8

Fungsi kilang

Fungsi kilang digunakan sebagai pintu masuk untuk Operasi jQuery, melalui Fungsi ini boleh merealisasikan fungsi seperti mencari elemen halaman, membungkus objek DOM ke dalam objek jQuery, dan mencipta elemen halaman.

Dua cara untuk menulis fungsi kilang:

• $()
• jQuery()

Penjelasan: Simbol "$" adalah sama dengan Perkataan "jQuery" mempunyai makna yang sama, iaitu konvensyen perpustakaan teras jQuery.

window.jQuery = window.$ = jQuery;

Kod:

        //DOM操作（返回DOM對(duì)象） - 獲取頁面中的按鈕元素
        var but = document.getElementById('but1');
        // var but2 = document.getElementById('but2');
        console.log(but);


        /*
            jQuery操作 - 獲取頁面中的按鈕元素
            jQuery() - 稱為jQuery的工廠函數(shù)
              作用 - 該函數(shù)是jQuery的一個(gè)入口
                1.用于定位頁面元素
              用法 - 另一種用法是'$()'
              返回值 - jQuery對(duì)象
        */
        var but = jQuery('#but');
        // var but2 = $('#but');
        console.log(but)

Kesan:

objek DOM dan objek jQuery

objek jQuery

Objek jQuery yang dipanggil merujuk kepada objek yang dikapsulkan oleh objek DOM.

Iaitu, logik asas objek jquery masih objek DOM. Objek jQuery hanya dikapsulkan ke dalam objek baharu berdasarkan objek DOM, dan menyediakan satu siri sifat dan kaedah

konvensyen jQuery

untuk membezakan dengan lebih baik Objek DOM, objek jQuery, kami bersetuju untuk menambah "$" di hadapan objek yang ditakrifkan oleh jQuery. Ini tidak wajib.

 //jQuery操作 - 返回變量增加一個(gè)前綴“$”
        var $but = jQuery('#but');
        var $but = $('#but');

objek DOM dan objek jQuery

1 Tukar objek DOM kepada objek jQuery - fungsi kilang

	var but = document.getElementById('but1');
        //將DOM對(duì)象轉(zhuǎn)換為jQuery對(duì)象 - 工廠函數(shù)
        var $but = jQuery(but);
        console.log($but);

2 objek ditukar menjadi objek DOM

• objek jQuery ialah objek seperti tatasusunan - objek jQuery [nilai indeks]
• objek jQuery menyediakan kaedah get(index) - indeks mewakili nilai indeks

	/*
            將jQuery對(duì)象轉(zhuǎn)換為DOM對(duì)象
                jQuery對(duì)象是一個(gè)類數(shù)組對(duì)象 - jQuery對(duì)象[索引值]
                jQuery對(duì)象提供了get(index)方法 - index表示索引值
        */

        var but1 = $but[0];
        console.log(but1);
        var but2 = $but.get(0);
        console.log(but2);

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

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