Terdapat 6 bab secara keseluruhan, kod sumber praktikal JQuery.

Kuliah 1:

JQuery dan pengetahuan pembangunan lain yang dipelajari dalam bahagian ini:
1.HTML bertanggungjawab untuk kandungan halaman, CSS bertanggungjawab untuk gaya halaman, dan Javascript bertanggungjawab untuk tingkah laku halaman
2. Perlu ada DOCTYPE dalam HTML untuk memaklumkan penyemak imbas kaedah rendering dan paparan
3. Anda boleh menentukan nod div atau span terlebih dahulu untuk memaparkan data yang dikembalikan oleh pelayan kemudian.
4. Atribut sempadan boleh mengawal sempadan elemen halaman
5.latar belakang-*** boleh mengawal imej latar belakang, kedudukannya dan cara ia dipaparkan berulang kali
6. Anda boleh menggunakan #idname atau .classname untuk menentukan gaya nod html tersuai
7. Anda boleh menggunakan $(document).ready(function(){}) untuk mentakrifkan kaedah yang perlu dilaksanakan apabila halaman dimuatkan.
8. Anda boleh mendapatkan nod halaman yang ditentukan melalui kaedah $() dan parameternya ialah pemilih css tertentu
9. Anda boleh melaksanakan pelbagai kaedah Jquery pada objek jquery yang dikembalikan oleh kaedah $() untuk mendapatkan data, mentakrifkan peristiwa dan melaksanakan operasi.
10. Kaedah val() boleh mendapatkan nilai atribut nilai nod
Kaedah 11.html() boleh menetapkan kandungan html dalam nod
12. Kaedah klik() boleh bertindak balas kepada peristiwa klik tetikus
13. Kaedah keyup() boleh bertindak balas kepada acara pop timbul papan kekunci.
14. Kaedah $.get() boleh berinteraksi dengan pelayan dalam mod get Kaedah panggil balik yang didaftarkan akan dipanggil apabila data datang semula. Kaedah ini akan menerima parameter teks biasa yang mewakili data yang dikembalikan oleh pelayan 15.addClass() kaedah removeClass() boleh menambah atau memadam kelas pada nod
16. Data yang dihantar ke pelayan dikodkan dua kali dalam JavaScript dan kemudian URLDecoded sekali dalam UTF-8 dalam kod pelayan, yang boleh menyelesaikan masalah aksara Cina yang kacau.



Kuliah 2

JQuery dan pengetahuan pembangunan lain yang dipelajari dalam bahagian ini:
1.meja boleh mengandungi iklan dan badan
2. Kandungan header boleh diletakkan di th
3.table{} dipanggil pemilih teg dan boleh menjejaskan semua jadual pada keseluruhan halaman.
4.jadual td{} mewakili semua td yang terkandung dalam jadual.
5. Anda boleh menggunakan sempadan-runtuh: runtuh untuk menggabungkan sempadan sel dalam jadual.
6. Apabila th mempunyai warna latar belakang, warna latar belakang yang ditakrifkan pada tr kepunyaan th akan menjadi tidak sah.
7.$(function(){}) ialah cara menulis $(document).ready(function(){})
8.$("tbody tr") boleh mengembalikan semua tr nod dalam tbody
9.$("tbody tr:even") boleh mengembalikan semua tr ​​nod dengan nilai indeks genap dalam tbody
10. Kaedah css boleh digunakan untuk menetapkan atau mendapatkan atribut css nod. Nama parameter ialah nama atribut css.
11.Kandungan objek JQuery mengandungi nod DOM yang sepadan dengan pemilih, yang disimpan dalam bentuk tatasusunan
12. Kaedah get boleh mendapatkan nod DOM tertentu yang terkandung dalam objek JQuery
13. Fungsi dalam ini mewakili objek yang melaksanakan fungsi ini
14. Apabila parameter kaedah $() ialah objek DOM, kaedah ini bersamaan dengan menukar objek DOM kepada objek JQuery.
15. Kaedah kanak-kanak boleh mendapatkan nod kanak-kanak nod tertentu, dan parameter boleh ditentukan untuk mengehadkan kandungan nod kanak-kanak.
16. Jika objek JQuery dikembalikan oleh pemilih mengandungi berbilang nod DOM, apabila peristiwa seperti klik didaftarkan pada objek ini, semua nod DOM akan digunakan untuk acara tersebut
Kaedah 17.html boleh menetapkan atau mendapatkan kandungan HTML nod
18. Kaedah val boleh mendapatkan atau menetapkan nilai nod
19. Jika parameter kaedah $() ialah sekeping teks HTML yang betul, anda boleh mencipta nod DOM dan membungkusnya ke dalam objek JQuery
20. Kebanyakan kaedah JQuery akan mengembalikan objek JQuery yang melaksanakan kaedah ini, jadi anda boleh menggunakan kaedah rantaian untuk menulis kod untuk JQuery.
21.Kaedah lebar boleh menetapkan atau mendapatkan lebar nod
22. Kaedah appendTo boleh menambahkan nod kepada semua nod anak nod lain
23. Menghalang penghantaran acara boleh menjadikan peristiwa pengembalian nod semasa palsu
24. Kaedah pencetus boleh mencetuskan peristiwa javascript tertentu untuk berlaku.
25. Fungsi parameter kaedah acara dalam JQuery boleh mentakrifkan parameter acara JQuery akan menyekat perbezaan acara penyemak imbas dan memberikan kami objek acara yang boleh digunakan
26. Terdapat atribut yang mana pada objek acara JQuery untuk mendapatkan nilai kunci kekunci papan kekunci
27.13 bermaksud Enter key, 27 bermaksud ESC key


Kuliah 3

JQuery dan pengetahuan pembangunan lain yang dipelajari dalam bahagian ini:
1. Item menu pada halaman boleh diwakili oleh ul dan li
bersarang 2. Lapisan paling luar menu ialah ul Setiap menu utama dalam satu lapisan diletakkan dalam li Jika terdapat submenu, buat ul baharu dalam li menu utama, dan kemudian sarang untuk membina satu. menu berbilang lapisan.
3. Dalam penyemak imbas, elemen ul dan li mempunyai pengecam titik di hadapan teks secara lalai, dan elemen li akan diinden. Penyemak imbas Opera adalah istimewa, dan pengecam li berbeza daripada penyemak imbas lain.
4. Apabila nilai atribut gaya senarai tiada, anda boleh mengosongkan titik kecil di hadapan ul dan li
5. Untuk mengosongkan nilai inden submenu, kedua-dua padding dan margin mestilah 0. IE6 dan IE7 hanya boleh mengosongkan nilai indent apabila margin juga 0
6. Anda boleh menggunakan imej latar belakang untuk menentukan imej latar belakang elemen Jika imej latar belakang lebih kecil daripada saiz sebenar elemen, imej latar belakang secara automatik akan diulang secara mendatar dan menegak sehingga memenuhi seluruh kawasan
. 7. Anda boleh menggunakan bakcground-repeat untuk mengawal kaedah pengisian berulang bagi imej latar belakang.
8. Jika kedua-dua imej latar belakang dan warna latar belakang ditakrifkan pada elemen, warna latar belakang tidak akan dipaparkan di mana terdapat imej latar belakang
9. Apabila nilai atribut hiasan teks tiada, anda boleh membatalkan garis bawah pada teks
10.Kedudukan latar belakang boleh mengawal kedudukan imej latar belakang Nilai atribut boleh sama ada nilai berangka atau nilai tengah, kiri dan atas untuk mengawal kedudukan mendatar dan menegak. Terdapat dua nilai untuk atribut ini, yang pertama sepadan dengan arah mendatar, dan yang kedua sepadan dengan arah menegak
11.Nilai imej latar belakang tiada, bermakna tiada imej latar belakang
12. Apabila nilai ulangan latar belakang adalah tiada ulangan, imej latar belakang tidak akan dipaparkan berulang kali di kawasan di mana ia berada.
13. Pelayar selain daripada IE6 boleh membuat elemen a memenuhi kawasan dengan menetapkan nilai paparan untuk disekat. Untuk IE6, anda perlu menetapkan paparan kepada inline-block dan tetapkan lebar a.
14. Nilai paparan adalah tiada dan boleh digunakan untuk menyembunyikan elemen.
15. Perbezaan antara .main a dan .main > a ialah yang pertama memilih semua nod di dalam elemen kelas .main ini, manakala yang terakhir hanya memilih nod a antara nod anak .main
16. Kaedah show and hide boleh digunakan untuk menunjukkan atau menyembunyikan elemen Kesan tanpa parameter adalah sama seperti mengubah suai atribut paparan css. Parameter boleh menjadi nombor dalam milisaat atau tiga aksara 'perlahan', 'biasa' dan 'cepat',
Anda boleh mengawal masa yang diperlukan untuk memaparkan atau menyembunyikan. Ambil perhatian bahawa kesan animasi dicapai dengan menukar lebar dan ketinggian elemen secara berterusan.
17. Kaedah togol lebih berkuasa Ia boleh menyelamatkan kita daripada menilai sama ada elemen dipaparkan atau tersembunyi, dan secara langsung menyembunyikan elemen yang dipaparkan dan memaparkan elemen tersembunyi. Kaedah penggunaan parameter adalah sama seperti show and hide.
18. slideDown dan slideUp boleh mencapai kesan menatal ke bawah atau ke atas Malah, kesan animasi dicapai dengan mengubahsuai ketinggian elemen dalam masa yang ditetapkan. Perlu diingatkan bahawa kes di mana parameter kedua-dua kaedah ini kosong adalah berbeza daripada tunjukkan dan sembunyikan.
19.slideTogol dan togol mencapai kesan yang serupa
20.DOCTYPE mempunyai kesan ke atas animasi dalam JQuery. Apabila tiada definisi DOCTYPE, animasi JQuery akan mempunyai kesan kelipan yang buruk dalam IE.
21. Nilai apungan dibiarkan, yang membolehkan semua elemen yang asalnya terletak pada satu baris terapung ke kiri dalam satu baris.
22. Anda boleh mentakrifkan gaya yang sama untuk berbilang pemilih, dan gunakan, untuk memisahkan pemilih. Begitu juga untuk kaedah $ JQuery, anda juga boleh memasukkan pemilih.



Kuliah 4

JQuery dan pengetahuan pembangunan lain yang dipelajari dalam bahagian ini:
1. Sekumpulan teg diuruskan oleh ul, dan setiap teg ialah li dalam ul; 2. Elemen yang mengikuti elemen terapung (float) akan mengelilingi elemen terapung Jika anda tidak mahu sekeliling ini, anda boleh menentukan atribut yang jelas pada elemen selepas elemen terapung,
. 3. Untuk mencapai penyepaduan label semasa dan kawasan kandungan, ini boleh dicapai dengan menggunakan warna latar belakang yang sama dan menggunakan sempadan warna yang sama untuk label semasa.
4. Kaedah mouseover dan mouseout dalam JQuery sepadan dengan peristiwa onmouseover dan onmouseout javascript standard dan boleh mengendalikan acara masuk dan keluar tetikus.
5. Laksanakan setiap kaedah pada objek JQuery yang mengandungi berbilang elemen Kandungan fungsi yang boleh didaftarkan kepada setiap kaedah dilaksanakan oleh setiap elemen. Pada masa yang sama ini
Fungsi ini juga boleh menerima parameter yang menunjukkan nilai indeks elemen ini. Banyak kaedah dalam JQuery juga menggunakan setiap satu
6. Kaedah eq hanya boleh mendapatkan satu daripada berbilang elemen yang terkandung dalam objek JQuery berdasarkan nilai indeks, dan masih mengembalikan objek JQuery baharu yang sepadan dengan elemen.
7. Gunakan eq dalam pemilih, seperti $(“div:eq(1)”)
8. Kaedah addClass dan removeClass digunakan untuk menambah dan mengalih keluar definisi kelas elemen.
9. Kaedah setTimeout dalam Javascript boleh menangguhkan pelaksanaan kod tertentu, dan clearTimeout yang sepadan boleh mengosongkan operasi kelewatan yang ditetapkan.
10. Apabila membuat aplikasi AJAX, anda boleh mempertimbangkan menyahpepijatnya pada FireFox sekarang, dan kemudian menyemaknya dalam penyemak imbas lain dan membetulkan kemungkinan isu keserasian.
11. Atribut kursor boleh mengawal gaya tetikus pada elemen Nilai atribut penunjuk mewakili gaya tangan, iaitu gaya tetikus pautan biasa kami
12. Atribut kedudukan boleh mengawal cara elemen diletakkan Apabila nilai adalah relatif, ia bermakna kedudukan relatif kepada kedudukan asal. Anda boleh mengawal pergerakan elemen berbanding kedudukan asalnya dengan menetapkan nilai atas, kiri, bawah dan kanan
13. Z-index boleh mengawal ketinggian lapisan elemen pada halaman Semakin besar nilai, semakin tinggi ia akan berada dalam lapisan halaman, dan ia juga akan meliputi beberapa elemen dengan nilai indeks z yang lebih rendah. Hanya untuk elemen yang nilai kedudukannya adalah relatif atau mutlak, indeks-z akan berkuat kuasa.
14. Kaedah pemuatan dalam JQuery sangat berkuasa Ia boleh memuatkan output data daripada halaman statik atau dinamik atau program sebelah pelayan ke dalam elemen yang dibalut oleh objek JQuery yang melaksanakan kaedah pemuatan.
15. Kaedah pemuatan juga menyokong pemuatan separa Tambah ruang selepas alamat halaman yang dimuatkan, dan kemudian gunakan pemilih untuk memuatkan bahagian halaman yang sepadan dengan pemilih.
16. Halaman yang dimuatkan mestilah dikodkan UTF-8, jika tidak, aksara Cina akan bercelaru selepas dimuatkan.
17.bind boleh digunakan untuk mengikat peristiwa atau peristiwa Javascript yang ditakrifkan dalam JQuery kepada nod yang ditentukan. Untuk acara yang tidak menyediakan kaedah pendaftaran secara langsung dalam JQuery, anda boleh mendaftarkannya dengan cara ini. Parameter kedua kaedah boleh menjadi definisi kaedah pelaksanaan acara.
18.ajaxStart dan ajaxStop sepadan dengan peristiwa sebelum dan selepas interaksi ajax bermula dan tamat Selepas mendaftarkan kedua-dua acara ini untuk nod, kaedah yang ditentukan akan dilaksanakan sebelum dan selepas interaksi ajax pada halaman semasa bermula dan berakhir.



Kuliah 5

1. Atribut alt tag img hendaklah ditulis Apabila imej belum dimuatkan atau imej tidak wujud, maklumat teks atribut ini akan dipaparkan
2.select mewakili kotak drop-down Setiap item dalam kotak drop-down adalah pilihan Kandungan dalam teg permulaan dan akhir akan dipaparkan pada halaman Nilai atribut nilai digunakan untuk mendapatkan dan menghantar ke pelayan menggunakan kaedah val dalam JQuery of.
Apabila nilai atribut yang dipilih ditakrifkan sebagai dipilih, ini bermakna pilihan semasa dipilih
3. Bagaimana untuk memaparkan elemen div di tengah: tetapkan lebar div, dan kemudian nilai margin-kiri dan margin-kanan kedua-duanya adalah automatik. Singkatan ialah margin: 0 auto;
4. Tag p html mewakili kandungan perenggan Kandungan akan menduduki satu atau lebih baris, dan kandungan berikut akan dipaparkan pada baris lain
5. Untuk memusatkan teks dan gambar dalam p, anda boleh menggunakan atribut penjajaran teks, dan nilai atribut ialah tengah. Teg p mempunyai nilai margin-atas dan margin-bawah secara lalai, yang boleh dikosongkan melalui css jika perlu
6. Apabila nilai atribut keterlihatan disembunyikan, elemen tersebut disembunyikan Namun, apabila ia berbeza daripada paparan, ia masih menempati ruang tertentu pada halaman, tetapi tidak dipaparkan 7. Jika berbilang pemilih mempunyai nilai atribut yang sama, ia boleh ditakrifkan bersama dan dipisahkan dengan koma
8. Kaedah perubahan sepadan dengan acara onchange dalam Javascript standard dan boleh mengendalikan acara apabila kandungan kotak drop-down berubah
9.Kaedah induk boleh mendapatkan nod induk nod
10. Kaedah seterusnya boleh mendapatkan nod adik beradik seterusnya bagi nod, dan kaedah sebelumnya yang sepadan boleh mendapatkan nod adik beradik sebelumnya bagi nod
11. Kaedah $.post boleh memulakan permintaan siaran tak segerak dengan pelayan. Parameter pertama ialah alamat bahagian pelayan permintaan, parameter kedua ialah data yang dihantar ke bahagian pelayan, dan parameter ialah objek Javascript, diambil
Dinyatakan dalam bentuk pasangan nilai-nama, parameter ketiga ialah kaedah panggil balik, dan parameter keempat menunjukkan jenis data yang dikembalikan oleh pelayan akan membantu kami menukar berdasarkan parameter ini. Kaedah get hanya berbeza dalam parameter kedua, dan parameter lain mempunyai penggunaan yang sama
12. Kaedah takrifan objek mudah dalam Javascript ialah {key1: value1, key2: value2}
13. Format data JSON sebenarnya ialah kandungan format teks yang ditakrifkan oleh objek atau data dalam Javascript, seperti {key1: value1, key2: [1,2,3]} atau [1,2,{key2: value2} ]
14. Anda boleh terus menggunakan kaedah $("<option></option>") untuk mencipta pilihan dalam kotak drop-down, dan kemudian gunakan kaedah appendTo untuk menambahkannya pada kotak drop-down
15. Kaedah attr boleh menetapkan atau mendapatkan nilai atribut nod
16.ajaxStart dilaksanakan sebelum setiap permintaan ajax yang dikeluarkan oleh JQuery bermula, ajaxStop dilaksanakan selepas semua permintaan ajax dalam baris gilir JQuery berakhir, dan ajaxComplete dilaksanakan selepas setiap permintaan ajax yang dikeluarkan oleh JQuery tamat
17. fadeOut dan fadeIn boleh mencapai kesan fade out dan fade in. Kandungan parameter adalah serupa dengan kaedah slideUp dan slideDown.
18. Kaedah animasi boleh mencapai sebarang kesan animasi dan boleh mengawal atribut css tertentu untuk berubah dalam tempoh masa tertentu untuk mencapai kesan animasi
19. Kelegapan boleh mengubah ketelusan elemen Dalam IE, penapis digunakan untuk melaksanakannya dan 0 bermaksud telus sepenuhnya. JQuery dalam kaedah bernyawa
Perbezaan pelayar dilindungi, dan kesan fade-in dan fade-out boleh dicapai dengan terus menggunakan kelegapan.
20. Kaedah data boleh digunakan untuk cache data. Caching boleh meningkatkan kecekapan pengendalian sistem dan mengurangkan beban pada bahagian pelayan
21. Anda boleh menggunakan objek Imej dalam Javascript untuk pramuat imej, supaya anda boleh tahu bila imej dimuatkan, supaya anda boleh memberikan beberapa maklumat segera untuk memuatkan imej.
22. Kaedah pemuatan boleh sepadan dengan acara onload dalam Javascript Dalam contoh ini, ia digunakan untuk menangkap acara apabila imej dimuatkan


Kuliah 6

JQuery dan pengetahuan pembangunan lain yang dipelajari dalam bahagian ini:
1. Tetingkap simulasi dalam halaman boleh direalisasikan melalui tag div HTML Bar tajuk dan kawasan kandungan dalam tetingkap boleh diwakili oleh div masing-masing 2. Terdapat banyak cara untuk menjadikan sekumpulan div kelihatan seperti tetingkap Contohnya, anda boleh menetapkan keseluruhan tetingkap untuk menggunakan satu warna latar belakang, dan kemudian menggunakan warna latar belakang yang lain untuk kawasan kandungan, dan
. Tetapkan nilai padding tertentu untuk tetingkap (atau tetapkan sempadan untuk kawasan kandungan) untuk mencapai kontras antara kawasan kandungan dan bahagian luar tetingkap selepas bar tajuk, supaya ia kelihatan seperti tetingkap.
3. Fahami dengan betul kesan apungan, yang sebenarnya akan mempengaruhi kesan paparan antara elemen seterusnya dan unsur apungan Oleh itu, dalam contoh ini, jika img dalam kod html terletak di hujung bar tajuk, apungkan: kanan akan menyebabkan imej itu lari kawasan kandungan
Bahagian paling kanan domain. Hanya apabila anda meletakkan img di hadapan teks bar tajuk dalam HTML, kemudian terapung: kanan akan menjadikan imej hanya di sebelah kanan bar tajuk
4. Apabila nilai atribut limpahan adalah automatik, apabila kawasan kandungan melebihi ketinggian atau lebar yang ditentukan, bar skrol akan dipaparkan.
JQuery dan pengetahuan pembangunan lain yang dipelajari dalam bahagian ini:
5. Apabila nilai atribut kedudukan adalah mutlak, elemen akan diletakkan secara mutlak pada halaman Secara lalai, ia diposisikan secara relatif kepada sudut kiri atas halaman. Jika nod nenek moyang mempunyai definisi kedudukan: relatif, ia akan diposisikan secara relatif pada sudut kiri atas nod nenek moyang
6. Lebar dan ketinggian kawasan yang boleh dilihat pelayar boleh diperolehi melalui $(window).width() dan $(window).height()
7. Sempadan kiri dan atas bar skrol penyemak imbas boleh diperolehi melalui $(window).scrollLeft() dan $(window).scrollTop()
8. Letakkan tetingkap di tengah-tengah kawasan yang kelihatan pada skrin Anda perlu menggunakan tetingkap untuk meletakkan tetingkap di tengah-tengah kawasan yang kelihatan pada skrin dari lebar kawasan yang kelihatan pada skrin, kemudian bahagikan dengan 2, dan tambahkan lebar bar skrol Nilai sempadan kiri diperlukan untuk mendapatkan tetingkap
Nilai sempadan kiri yang dikehendaki; nilai sempadan atas juga diperoleh dengan cara yang sama.
9. Cara menulis pemalam: $.fn.myplugin = function(){//mycode}, ini dalam kaedah mewakili objek jquery yang melaksanakan kaedah ini Ambil perhatian bahawa kaedah harus mengembalikannya pada penghujung untuk memastikan bahawa kaedah jquery lain boleh operasi Cascade.
10. instanceof boleh digunakan untuk menentukan sama ada pembolehubah ialah contoh kelas js tertentu, seperti menentukan sama ada ia adalah Objek Penggunaan adalah obj instanceof Object 11. typeof boleh digunakan untuk menentukan jenis data pembolehubah, seperti typeof str == "string"
12. Kaedah height() dan width() memperoleh ketinggian dan lebar elemen itu sendiri, innerHeight() dan innerWidth() memperoleh ketinggian dan lebar termasuk padding, dan outerHeight() dan outerWidth() memperoleh ketinggian dan lebar termasuk pelapik
Tinggi dan lebar, outerHeight(true) dan outerWidth(true) memperoleh ketinggian dan lebar termasuk jidar, sempadan dan padding
13.Skrol boleh digunakan untuk mendaftarkan operasi yang diperlukan untuk menatal bar skrol penyemak imbas atau nod tertentu.
14.resize boleh digunakan untuk mendaftarkan operasi yang perlu dilakukan apabila saiz pelayar berubah.
15. Operasi acara yang disediakan oleh jquery adalah tambahan semasa pendaftaran Sebagai contoh, saya mempunyai dua keping kod kedua-duanya $(window).scroll(function(){} . Satu perenggan, tetapi apabila menatal, kedua-dua keping kod dilaksanakan
16. Kaedah animasi boleh menukar nilai kiri dan atas dalam tempoh masa tertentu untuk mencapai kesan animasi.
17. Kaedah dequeue boleh mengalih keluar kesan animasi dari permulaan giliran animasi dan melaksanakannya dengan segera. Ini memastikan bahawa animasi di bahagian belakang baris gilir boleh dilaksanakan tanpa menunggu animasi pada mulanya.
18. Kaedah is boleh digunakan untuk menentukan sama ada objek memenuhi pemilih jquery dalam parameter kaedah is
19. Pemilih :visible boleh digunakan untuk mendapatkan elemen kelihatan pada halaman
20. Perbezaan antara penyemak imbas menyebabkan kod dalam dokumen.bersedia untuk mendapatkan lebar dan ketinggian kawasan yang boleh dilihat pelayar serta nilai kiri dan atas bar skrol Oleh itu, kita perlu memastikan bahawa nilai diperoleh selepas kaedah ini selesai.
21.$.browser boleh digunakan untuk menentukan jenis penyemak imbas Kaedah penentuan boleh $.browser.msie == benar Nilai yang juga boleh digunakan termasuk $.browser.opera$.browser.safari $ .browser.mozilla
22.$.browser.retakon boleh menentukan nombor retak penyemak imbas, seperti $.browser.retakon.indexOf(“8”)