Apakah jquery perpustakaan kelas?

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对象） - 获取页面中的按钮元素
        var but = document.getElementById('but1');
        // var but2 = document.getElementById('but2');
        console.log(but);


        /*
            jQuery操作 - 获取页面中的按钮元素
            jQuery() - 称为jQuery的工厂函数
              作用 - 该函数是jQuery的一个入口
                1.用于定位页面元素
              用法 - 另一种用法是'$()'
              返回值 - jQuery对象
        */
        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操作 - 返回变量增加一个前缀“$”
        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对象转换为jQuery对象 - 工厂函数
        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对象转换为DOM对象
                jQuery对象是一个类数组对象 - jQuery对象[索引值]
                jQuery对象提供了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!