apakah pemalam jquery

pemalam jquery bermaksud "pemalam jquery", iaitu beberapa alatan yang ditulis oleh pembangun menggunakan jquery ia boleh difahami sebagai fungsi atau kesan khas yang dikapsulkan oleh jQuery hanya sejumlah kecil kod yang diperlukan semasa membuat panggilan Anda boleh mencapai keputusan yang sangat baik. Tujuan menulis pemalam jquery adalah terutamanya untuk merangkum satu siri kaedah atau fungsi sedia ada supaya ia boleh digunakan semula di tempat lain untuk memudahkan penyelenggaraan kemudian dan meningkatkan kecekapan pembangunan.

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

Pemalam bermaksud "pemalam". pemalam jquery bermaksud "pemalam jquery".

Apakah pemalam jquery?

Pemalam jQuery ialah koleksi skrip yang pembangun menggunakan Jquery untuk mencipta kesan khas, kemudian merangkum atau membungkusnya ke dalam fail js dan menerbitkannya dalam talian untuk digunakan oleh semua orang.

Tujuan menulis pemalam jquery adalah terutamanya untuk merangkum satu siri kaedah atau fungsi sedia ada supaya ia boleh digunakan semula di tempat lain untuk memudahkan penyelenggaraan kemudian dan meningkatkan kecekapan pembangunan.

Biasanya pemalam sedemikian perlu memanggil fail pemalam sebagai tambahan kepada fail perpustakaan jQuery. Terdapat arahan untuk digunakan dan anda boleh memahaminya sepintas lalu. Sebagai contoh, apabila menggunakan jQuery pemalam yang dihasilkan oleh tapak web rasmi jQuery, anda bukan sahaja mesti memautkan fail perpustakaan, tetapi juga memautkan fail UI dan fail CSS UI, seperti:

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

Selepas operasi ini, kesan jQuery boleh dicapai Ia sebenarnya dirujuk ke dalam fail halaman web dan memainkan peranan.

Tulisan pemalam

Berkenaan penulisan pemalam, jquery secara rasmi menyediakan satu set templat untuk membangunkan pemalam pada peringkat objek:

;(function ($) {
    $.fn.plugin=function (options) {
        var defaults={
            //各种参数、各种属性
        };
        //options合并到defaults上,defaults继承了options上的各种属性和方法,将所有的赋值给endOptions
        var endOptions=$.extend(defaults,options);
        
        this.each(function () {
            //实现功能的代码
        });
    };
})(jQuery);

Perkara utama templat:

1 Semua fungsi diletakkan dalam penutupan, dan fungsi luaran tidak boleh memanggil parameter di dalam, yang lebih selamat

2 di hadapan untuk mengelakkan masalah yang tidak perlu

Kaedah yang dipanggil oleh pemalam jquery:

1 Lanjutkan jquery melalui $.extend()

2. Tambahkan jquery ke Kaedah $.fn

3 Gunakan kaedah kilang widget UI jQuery untuk mencipta

melalui $.widget( Kaedah 1 tidak boleh memanggil pemilih dan hanya difahami oleh jQuery sebagai menambah kaedah statik, jadi kami menggunakan Tidak perlu memilih objek DOM

Pemalam pihak ketiga yang biasa digunakan untuk jquery

JQuery mempunyai banyak pemalam pihak ketiga, seperti: bentuk pokok Komponen pada halaman hujung hadapan asas seperti menu, kawalan tarikh, pemalam penukaran gambar, tetingkap timbul, dsb. semuanya mempunyai pemalam yang sepadan ins, dan kesan yang dibuat dengan pemalam JQuery sangat mempesonakan, dan pemalam boleh ditulis semula dan dibungkus mengikut keperluan anda sendiri. Ia mudah dan praktikal.

Berikut memperkenalkan pemalam pihak ketiga yang biasa digunakan.

1. Pemalam pengesahan borang jQuery: Pengesahan

(1) Pengenalan kepada Pengesahan

Peristiwa yang paling biasa di mana JavScript digunakan ialah pengesahan borang, dan jQuery ialah perpustakaan JavaScript yang sangat baik , juga menyediakan pemalam pengesahan bentuk yang sangat baik - Pengesahan ialah salah satu pemalam jQuery tertua Ia telah disahkan oleh projek yang berbeza di seluruh dunia dan telah dipuji oleh banyak pembangun web. Sebagai perpustakaan kaedah pengesahan standard, Pengesahan mempunyai kelebihan berikut:

• Peraturan pengesahan terbina dalam: Ia mempunyai 19 jenis peraturan pengesahan terbina dalam seperti yang diperlukan, nombor, e-mel, URL dan kad kredit nombor
• Peraturan pengesahan tersuai: Anda boleh menyesuaikan peraturan pengesahan dengan mudah
• Gesaan maklumat pengesahan yang mudah dan berkuasa: Gesaan maklumat pengesahan adalah lalai, dan fungsi menyesuaikan maklumat gesaan lalai disediakan
• Pengesahan masa nyata: Pengesahan boleh dicetuskan melalui acara keyup atau kabur, bukan hanya apabila borang diserahkan.

(2) Alamat muat turun pemalam: http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Alamat API rasmi pemalam Pengesahan ialah: http://docs.jquery.com/Plugins/Validation

2. Pemalam borang jQuery: Borang

(1) Pengenalan kepada pemalam Borang

jQuery Pemalam borang ialah pemalam borang Ajax yang sangat baik menjadikannya sangat mudah dan tidak mengganggu untuk menaik taraf borang HTML untuk menyokong Ajax. jQuery mempunyai dua kaedah teras - ajaxForm() dan ajaxSubmit(), yang menggabungkan fungsi daripada mengawal elemen borang kepada memutuskan cara mengurus proses penyerahan. Selain itu, iain, pemalam juga termasuk kaedah lain: formToArray(), formSerialize(), fieldSerialize(), fieldValue(), clearForm() dan resetForm(), dsb.

(2) jQuery Alamat muat turun pemalam borang borang : http://jquery.malsup.com/form/. Pembaca boleh memuat turun pemalam dan melihat arahan permulaan yang mudah, API, kod contoh, dsb. di tapak web.

3. Pemalam acara mengikat dinamik: livequery

(1) Pengenalan kepada pemalam livequery

Fungsi mengikat acara jQuery membolehkan pemisahan lengkap kod jQuery dan kod HTML, menjadikan perhubungan hierarki kod lebih jelas dan lebih mudah untuk dikekalkan. Walau bagaimanapun, untuk elemen HTML yang dimuatkan secara dinamik ke dalam halaman, acara perlu diikat semula dengan elemen ini setiap kali, yang sangat menyusahkan. Pemalam baharu lahir daripada ini, iaitu livequery, yang boleh digunakan untuk mendaftarkan masa untuk elemen DOM yang sepadan atau mencetuskan fungsi panggil balik. Bukan sahaja elemen yang dipadankan oleh pemilih semasa akan terikat pada acara, tetapi juga elemen yang ditambahkan kemudian melalui JavaScript akan terikat pada acara tersebut. Apabila elemen tidak lagi sepadan dengan pemilih, livequery akan membatalkan pendaftaran acara secara automatik, supaya pembangun tidak perlu lagi memberi perhatian kepada sumber elemen HTML, hanya perlu memfokuskan pada cara menulis acara terikatnya.

Pilih elemen DOM melalui pemilih jQuery dan pemalam query langsung akan mengekalkannya dalam keseluruhan julat DOM dalam masa nyata. Ini bermakna sama ada elemen itu wujud sebelum ini atau dimuatkan secara dinamik kemudian, acara itu akan terikat, sama seperti CSS menggayakan elemen tersebut. Pada masa yang sama, pemalam ini mencapai fungsi ini tanpa menggunakan hampir sebarang sumber.
(2) Alamat muat turun pemalam jQuery livequery: http://plugins.jquery.com/livequery/

4 kepada UI jQuery:

UI jQuery diperoleh daripada pemalam jQuery - Antara Muka. Versi terawal pemalam Antara Muka ialah 1.2, yang hanya menyokong versi jQuery 1.1.2 Kemudian, sesetengah orang membina semula kebanyakan wakil Antara Muka berdasarkan API jQuery 1.2 dan menyatukan API. Disebabkan oleh peningkatan besar, nombor versi bukan 1.3 tetapi melonjak terus ke 1.5 dan dinamakan semula jQuery UI.

UI jQuery terbahagi terutamanya kepada 3 bahagian, interaksi, widget dan pustaka kesan

interaksi. Berikut ialah beberapa kandungan yang berkaitan dengan interaksi tetikus. Termasuk menyeret, meletakkan, mengezum, memilih dan menyusun dll. Beberapa widget dibuat berdasarkan komponen interaktif ini. Pustaka ini memerlukan perpustakaan teras UI jQuery - ui.core.js menyokong widget

• . Berikut adalah terutamanya beberapa sambungan antara muka. Ia termasuk navigasi akordion, autolengkap, pemilih warna, kotak dialog, peluncur, label, kalendar, kaca pembesar, bar kemajuan dan pengawal pemutar. Pustaka ini memerlukan perpustakaan teras UI jQuery - ui.core.js menyokong pustaka kesan
• . Pustaka ini digunakan untuk menyediakan kesan animasi yang kaya, supaya animasi tidak lagi terhad kepada kaedah animate(). Pustaka kesan mempunyai set terasnya sendiri, effects.core.js, dan tidak memerlukan sokongan perpustakaan teras jQuery ui.core.js
(2) Alamat muat turun Pemalam UI jQuery ialah: http ://jqueryui.com/download/all/. Pilih pautan "jQuery UI 1.6rc2" untuk memuat turun terus pakej lengkap, termasuk kod sumber, versi pengedaran dan pemacu ujian.

5. Pemalam untuk mengurus kuki: Kuki

(1) Pengenalan kepada pemalam Kuki

Kuki ialah fail teks kecil yang diletakkan pada klien oleh tapak web pereka bentuk. Kuki boleh memberikan banyak kemudahan kepada pengguna Contohnya, tapak web beli-belah menyimpan senarai produk yang telah dilayari pengguna, atau tapak web portal mengingati jenis berita yang ingin dilayari oleh pengguna. Apabila pengguna sedang berjalan, status log masuk pengguna juga boleh disimpan, supaya pengguna tidak perlu memasukkan maklumat ini setiap kali ketika melawati laman web.

jQuery menyediakan pemalam yang sangat mudah untuk mengurus kuki di tapak web Nama pemalam juga ialah Kuki

(2) Alamat muat turun pemalam Kuki jQuery. http://plugins.jquery .com/cookie/

6. Pemalam tetingkap modal: SimpleModal

(1) Pengenalan kepada pemalam SimpleModal

SimpleModal ialah pemalam jQuery yang ringan, yang merupakan modal Pembangunan tetingkap modal menyediakan antara muka yang berkuasa, yang boleh digunakan sebagai rangka kerja tetingkap modal. SimpleModal sangat fleksibel dan boleh mencipta apa sahaja yang anda boleh bayangkan, dan anda tidak perlu mempertimbangkan isu merentas penyemak imbas dalam pembangunan UI.

(2) Alamat muat turun pemalam SimpleModal: http://www.ericmmartin.com/projects/simplemodal/

7

Malas memuatkan imej atau mula memuatkan imej hanya apabila syarat tertentu dipenuhi

Muat turun URL: https://cdn.bootcss.com/jquery_lazyload/1.9.7/jquery.lazyload .min.js

8 plug-in fly

Tambah kesan troli beli-belah dan nyatakan gerakan parabola

Alamat muat turun: https://github .com/amibug/fly

9 qrcode

pemalam jquery yang boleh menjana kod QR matriks pada klien

Alamat muat turun: https://github.com/ lrsjng/jquery-qrcode

10 Spinner

dengan mudah boleh menambah atau menolak kuantiti dalam troli beli-belah, dan juga menyokong penggunaan. kekunci atas dan bawah pada papan kekunci untuk menukar kuantiti troli beli-belah.

Alamat muat turun: https://github.com/vsn4ik/jquery.spinner

Dan seterusnya. . .

[Pembelajaran yang disyorkan:

tutorial video jQuery

, video bahagian hadapan web]

Atas ialah kandungan terperinci apakah pemalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!