Pengenalan kepa...LOGIN

Pengenalan kepada jQuery

Apakah itu jQuery

jQuery ialah satu set perpustakaan skrip Javascript Kami merangkum beberapa kaedah alat atau kaedah objek dalam perpustakaan kelas untuk memudahkan pengguna menggunakan.

Ambil perhatian bahawa jQuery ialah perpustakaan skrip, bukan rangka kerja skrip "Perpustakaan" tidak sama dengan "rangka kerja". kami menyelesaikan pengurusan rujukan skrip Dan pengurusan fungsi, inilah yang perlu dilakukan oleh rangka kerja skrip

Pustaka skrip boleh membantu kami melengkapkan logik pengekodan dan merealisasikan fungsi perniagaan kecekapan menulis kod JavaScript, membenarkan penulisan Kod itu lebih elegan dan mantap Pada masa yang sama, pemalam jQuery yang banyak di Internet juga menjadikan kerja kami menjadi "dengan jQuery, minum teh setiap hari" - kerana kami sudah pun. berdiri di atas bahu gergasi.

jQuery ialah pustaka JavaScript "kurang tulis, buat lebih" ringan.

Pustaka jQuery termasuk fungsi berikut:

Pemilihan elemen HTML

operasi elemen HTML

operasi CSS

Fungsi acara HTML

Kesan khas dan animasi JavaScript

Pengalihan dan pengubahsuaian DOM HTML

AJAX

Utiliti


<🎜 🎜> jQuery mempunyai ciri-ciri berikut:

1 Menyediakan fungsi fungsi yang berkuasa

Menggunakan fungsi fungsi ini boleh membantu kami menyelesaikan pelbagai fungsi dengan cepat dan menjadikan kod kami sangat ringkas .

2. Selesaikan isu keserasian penyemak imbas

Keserasian skrip JavaScript dalam penyemak imbas yang berbeza selalu menjadi mimpi ngeri bagi pembangun web skrip untuk penyemak imbas yang berbeza adalah perkara yang menyakitkan Dengan jQuery, kita akan bangun dari mimpi ngeri ini pencetus berdasarkan acara, iaitu event.srcElements di bawah IE dan event.target di bawah penyemak imbas standard seperti FF jQuery membolehkan kami menggunakan peristiwa dalam semua penyemak imbas dengan menyatukan objek acara .target mendapat objek acara.

3. Laksanakan UI yang kaya

jQuery boleh mencapai kesan animasi seperti pop timbul kecerunan, pergerakan lapisan, dll., membolehkan kami memperoleh pengalaman pengguna yang lebih baik Dengan kecerunan sahaja Ambil kesan sebagai contoh. Pada suatu masa dahulu, saya menulis animasi kecerunan yang serasi dengan IE dan FF Saya menggunakan banyak kod JavaScript untuk melaksanakannya. Ia mengambil banyak masa dan usaha terlupa tentangnya selepas beberapa ketika. Saya ingin membangunkan fungsi yang sama sekali lagi. Sekarang menggunakan jQuery boleh membantu kami menyelesaikan aplikasi sedemikian dengan cepat

4. Pengetahuan skrip untuk membetulkan ralat

Kebanyakan pembangun mempunyai pemahaman yang salah tentang javascript Contohnya, menulis pernyataan DOM yang dilaksanakan semasa memuatkan dalam halaman, terus pada elemen HTML atau objek dokumen Tambah ". onclick", tanpa mengetahui bahawa onclick sebenarnya adalah fungsi tanpa nama, dsb. Kakitangan teknikal yang mengetahui skrip ralat ini juga boleh menyelesaikan semua kerja pembangunan, tetapi program sedemikian tidak mantap. Contohnya, "apabila menulis dalam halaman semasa memuatkan Iaitu, "penyataan yang mengendalikan DOM" dilaksanakan Apabila kod halaman kecil dan pengguna memuatkannya dengan cepat, tidak ada masalah Apabila halaman dimuatkan dengan perlahan, pelayar "menamatkan operasi" akan berlaku. jQuery menyediakan banyak kaedah mudah untuk membantu kami menyelesaikan masalah ini, sebaik sahaja anda menggunakan jQuery anda akan mempunyai pengetahuan untuk membetulkan kesilapan ini - kerana kita semua menggunakan kaedah skrip jQuery yang betul

Mengapa menggunakan jQuery?

Terdapat sejumlah besar rangka kerja JS sumber terbuka di Internet, tetapi jQuery kini merupakan rangka kerja JS yang paling popular dan menyediakan sejumlah besar sambungan.

Banyak syarikat besar menggunakan jQuery, seperti:

Google

Microsoft

IBM

Netflix

Pengetahuan asas yang anda perlukan

Sebelum anda mula belajar jQuery, anda harus mempunyai pemahaman asas tentang perkara berikut:

HTML

CSS

JavaScript

Jika anda perlu mempelajari mata pelajaran ini dahulu, sila dapatkan tutorial ini di Halaman Utama kami.

bahagian seterusnya
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $(".ex .hide").click(function(){ $(this).parents(".ex").hide("slow"); }); }); </script> <style type="text/css"> div.ex { background-color:pink; padding:7px; border:solid 1px black; width:50%; } </style> </head> <body> <div class="ex"> <button class="hide">点我隐藏</button> <p>站点名: php中文网<br> 站点 URL:http://www.php.cn</p> </div> </body> </html>
babperisian kursus