Amalan untuk Menguasai Pustaka jQuery
Semua perenggan p di dalamnya
ada tag b, balutkan
dalam tag div.
Cari semua perenggan p dengan kelas
www, letakkan pada awalnya teks
'!', kemudian tambahkan kepada perenggan ini
juga tajuk h1-h6 dan
warnakan perenggan dan tajuk ini kepada merah.
Cari semua perenggan p dan gantikannya
dengan tag div dengan kandungan yang sama.
Cari semua kotak semak pada halaman dan sekat yang genap daripada yang ditemui.
Letakkan status 'ditandai'
kepada semua
kotak semak
yang tidak disekat.
Diberi elemen #test. Letakkan kepada jirannya
langsung di atas teks '!', dan kepada jiran
di bawah - teks '?'. Selesaikan masalah dengan satu
rantaian.
Diberi elemen #test. Letakkan kepada jirannya
langsung di atas dan di bawah teks elemen #test.
Diberi elemen #test. Cari dalam kalangan jirannya di atas
perenggan terdekat dan letakkan kepadanya teks elemen
#test.
Cari li kedua pada halaman,
tambahkan kepadanya kelas www, balutkan
ia di dalam dengan tag i, masukkan selepas
ia li dengan teks 'hello'.
Cari li kesepuluh pada halaman,
cari ibubapanya, dapatkan jiran
langsung ibubapa di atas, balutkan ia dalam
<div class="www"></div>.
Setiap perenggan p, kecuali perenggan
dengan kelas www, tambahkan pada akhirnya
nombor turutannya.
Cari semua perenggan p dan letakkan
sebelum setiap perenggan salinannya. Salinan warnakan
kepada merah, dan perenggan asal kepada hijau.
Cari perenggan p yang berdiri
langsung di bawah h2
dan alihkan setiap perenggan supaya ia
berdiri langsung di atas h2.
Cari semua perenggan kosong p
(tanpa teks) dan masukkan ke dalamnya teks
jiran langsung di atas.
Ibubapa tag b, jika ia
elemen dengan kelas www atau perenggan
p, letakkan warna merah dan
saiz
teks dalam 30px.
Kepada semua perenggan kosong p letakkan
teks tag h2 terdekat dengan mereka di atas.
Diberi input dengan nombor. Buatkan supaya dalam input menjadi kuasa dua nombor-nombor ini.
Diberi elemen #test. Letakkan kepadanya pada awal teks
jiran langsung di atas, dan pada akhir
- teks jiran langsung di bawah.
Diberi elemen #test. Cari jirannya yang kedua
di atas dan jirannya yang kedua di bawah. Buatkan
supaya elemen yang ditemui bertukar
teks (jiran di atas akan ambil teks jiran
di bawah dan sebaliknya).
Diberi elemen div. Pilih
darinya semua anak langsung, yang
bukan tajuk dan warnakan mereka kepada
merah.
Cari semua perenggan p, warnakan
mereka kepada merah. Kemudian pilih dalam kalangan yang ditemui
perenggan dengan kelas www dan letakkan
kepada mereka teks '!'.
Cari semua perenggan p dengan kelas
www, warnakan mereka kepada merah.
Kemudian pilih dalam kalangan perenggan yang ditemui yang pertama
dan letakkan kepadanya teks '!', kemudian pilih
yang terakhir dan kepadanya letakkan teks '?'.
Selesaikan masalah dengan satu rantaian.
Cari semua perenggan p, letakkan
kepada setiap daripada mereka pada akhir teks yang sama, yang
berdiri di dalamnya (iaitu teks dalam perenggan
akan menjadi ditulis dua kali).
Cari semua perenggan p, letakkan
kepada setiap daripada mereka pada akhir nombor turutannya
dalam set.
Diberi perenggan dengan nombor. Letakkan kepada setiap mereka pada akhir nombor, yang disimpan di dalamnya, didarab dengan nombor turutannya dalam set.
Pada klik pada perenggan p padamkan
jirannya langsung di atas dan di bawah.
Pada klik pada perenggan p padamkan
semua jirannya di atas sehingga tajuk pertama
h1-h6 (iaitu elemen, berdiri
di atas tajuk ini dan tajuk itu sendiri
jangan padam).
Pada klik pada perenggan p padamkan
jiran bawah terdekatnya dengan
kelas www.
Pada klik pada perenggan p padamkan
jirannya yang kelima di bawah.
Pada klik pada perenggan p padamkan
jirannya yang kelima di bawah, jika ia bukan
h2.
Pada klik pada perenggan p padamkan
jirannya yang kelima di bawah, jika jiran ini
tidak mempunyai di dalamnya tag b.
Pada klik pada perenggan p padamkan
jirannya yang kelima di bawah, jika jiran ini
tidak berdiri langsung selepas h2.
Diberi elemen #test. Tukarkan ini
elemen bertukar tempat dengan jirannya
langsung di bawah.
Diberi elemen #test. Selepas
jirannya langsung di bawah masukkan
salinan elemen kita.
Diberi elemen #test. Tukarkan ini
elemen bertukar tempat dengan jiran terdekatnya
di bawah dengan kelas www.
Cari semua perenggan p, yang
di dalam satu ibubapa terletak antara satu
dan lain h2.
Balutkan setiap perenggan p di luar
dan di dalam dalam div.
Cari semua perenggan p, yang
ibubapa langsung bukan div
dan balutkan setiap daripada mereka dalam <div class="www"></div>.
Cari semua perenggan p. Padamkan
ibubapanya (buatkan kepadanya unwrap),
jika ibubapa ini bukan div dengan kelas
www. Kemudian untuk perenggan itu, yang
ibubapanya dipadam, balutkan dalam div
dengan kelas zzz.
Cari semua ibubapa elemen #test
dan buatkan array daripada kelas CSS ibubapa ini.
Cari semua perenggan p, yang ada
atribut class, dan setiap daripada mereka
balutkan dalam div dengan kelas yang sama,
seperti perenggan yang ditemui, dan kelas setiap
perenggan padamkan bersama dengan atribut class.
Cari semua perenggan p daripada
#test, letakkan kepada mereka pada akhir teks
'!', kemudian kecualikan daripada yang ditemui
perenggan dengan kelas www dan yang tinggal
letakkan warna merah.
Cari semua li pada halaman,
kemudian sebelum yang kedua terakhir daripada yang ditemui masukkan
lagi satu li dengan teks 'item'.
Cari semua li pada halaman,
kemudian pilih dalam kalangan yang ditemui yang kedua, ketiga
dan keempat dari akhir dan letakkan kepada mereka teks
'!'.
Cari ol dengan #test
dan susun semula semua li
di dalamnya dalam susunan terbalik.
Diberi elemen #test. Cari semua
jirannya di atas dan semua jirannya di bawah dan
tukarkan mereka tempat (iaitu semua, yang berdiri
sebelum elemen, harus menjadi selepasnya dan sebaliknya).
Dapatkan semua li dengan kelas
www, buatkan kepada mereka warna merah, kemudian
cari dalam kalangan yang ditemui li,
yang ada kelas bbb dan padamkan
mereka. Selesaikan semua dengan satu rantaian.
Dapatkan semua li pada halaman. Yang genap
daripada yang diperoleh buatkan kosong, dan
yang ganjil padamkan.
Cari semua tag div dan gandakan
kepada mereka tinggi.
Cari jumlah tinggi semua div
pada halaman.
Untuk elemen #test cari ibubapa
terdekat dengan kelas www, pada akhir ini
ibubapa tambahkan perenggan dengan teks '!'.
Pada klik pada elemen #test cari
ibubapa terdekatnya dengan kelas www, di dalam
ibubapa ini cari semua perenggan dan warnakan mereka
kepada merah.
Warnakan 10 li pertama
pada halaman kepada merah.
Warnakan dari 5 hingga 10 li
pada halaman kepada merah.
Cari 10 li terakhir
pada halaman, warnakan mereka kepada merah.
Kemudian daripada yang ditemui cari li genap
dan balutkan mereka di dalam dalam tag b.
Pada halaman diberi kotak semak. Kira, berapa banyak daripada mereka yang ditandai.
Diberi 5
kotak semak.
Buatkan supaya selepas pengguna
menandai dua daripada mereka, semua kotak semak
disekat.
Buatkan supaya semua yang ditandai kotak semak menukar keadaan mereka kepada tidak ditandai dan sebaliknya.
Diberi input.
Alihkan kandungan atribut value kepada atribut
placeholder,
dan atribut value padamkan terus.
Diberi pautan.
Jika atribut href bermula dengan http://,
tambahkan kepada pautan atribut target="_blank".
Diberi input, yang boleh dimasukkan nombor. Buatkan supaya apabila memasukkan nombor dalam input ini dan kehilangan fokus pada halaman dicari kotak semak dengan nombor sedemikian dan menjadi ditandai, dan kotak semak lain menjadi tidak ditandai.
Diberi pilih dan butang radio, bilangan radio sama dengan bilangan item dalam pilih. Buatkan supaya apabila memilih item dalam pilih secara automatik menjadi ditandai butang radio yang sepadan (kesesuaian mengikut nombor susulan: pertama item senarai - kepada radio pertama dan seterusnya).