Praktik untuk Melatih Pustaka jQuery

Semua paragraf p, di dalamnya ada tag b, bungkus dalam tag div.

Temukan semua paragraf p dengan kelas www, beri mereka di awal teks '!', lalu tambahkan ke paragraf ini juga judul h1-h6 dan warnai paragraf dan judul ini dengan warna merah.

Temukan semua paragraf p dan ganti mereka dengan tag div dengan konten yang sama.

Temukan semua kotak centang pada halaman dan blokir yang genap dari yang ditemukan.

Berikan kepada semua tidak diblokir kotak centang status 'tercentang'.

Diberikan elemen #test. Berikan kepada tetangga langsungnya di atas teks '!', dan kepada tetangga di bawah - teks '?'. Selesaikan tugas dengan satu rantai.

Diberikan elemen #test. Berikan kepada tetangga langsungnya di atas dan di bawah teks dari elemen #test.

Diberikan elemen #test. Temukan di antara tetangganya di atas paragraf terdekat dan berikan teks dari elemen #test.

Temukan li kedua pada halaman, tambahkan kelas www, bungkus dia di dalam dengan tag i, sisipkan setelah nya li dengan teks 'halo'.

Temukan li kesepuluh pada halaman, temukan orang tuanya, dapatkan tetangga langsung dari orang tua di atas, bungkus dia dalam <div class="www"></div>.

Setiap paragraf p, kecuali paragraf dengan kelas www, tambahkan di akhir nomor urutnya.

Temukan semua paragraf p dan letakkan di depan setiap paragraf salinannya. Salinan diwarnai dengan warna merah, dan paragraf asli dengan warna hijau.

Temukan paragraf p, yang berada langsung di bawah h2 dan pindahkan setiap paragraf sehingga ia berada langsung di atas h2.

Temukan semua paragraf kosong p (tanpa teks) dan sisipkan ke dalamnya teks tetangga langsung di atas.

Orang tua dari tag b, jika ini elemen dengan kelas www atau paragraf p, berikan warna merah dan ukuran teks sebesar 30px.

Untuk semua paragraf kosong p berikan teks dari tag h2 terdekat di atasnya.

Diberikan input dengan angka. Buat sehingga dalam input menjadi kuadrat dari angka-angka tersebut.

Diberikan elemen #test. Berikan di awal teks tetangga langsung di atas, dan di akhir - teks tetangga langsung di bawah.

Diberikan elemen #test. Temukan tetangga keduanya di atas dan tetangga keduanya di bawah. Buat sehingga elemen yang ditemukan bertukar teks (tetangga di atas mengambil teks tetangga di bawah dan sebaliknya).

Diberikan elemen div. Pilih darinya semua anak langsung, yang bukan judul dan warnai mereka dengan warna merah.

Temukan semua paragraf p, warnai mereka dengan warna merah. Kemudian pilih di antara yang ditemukan paragraf dengan kelas www dan berikan mereka teks '!'.

Temukan semua paragraf p dengan kelas www, warnai mereka dengan warna merah. Kemudian pilih di antara paragraf yang ditemukan yang pertama dan berikan teks '!', kemudian pilih yang terakhir dan berikan teks '?'. Selesaikan tugas dengan satu rantai.

Temukan semua paragraf p, berikan setiap dari mereka di akhir teks yang sama, yang ada di dalamnya (yaitu teks dalam paragraf akan tertulis dua kali).

Temukan semua paragraf p, berikan setiap dari mereka di akhir nomor urutnya dalam set.

Diberikan paragraf dengan angka. Berikan setiap dari mereka di akhir angka, yang ada di dalamnya, dikalikan dengan nomor urutnya dalam set.

Saat mengklik paragraf p hapus tetangga langsungnya di atas dan di bawah.

Saat mengklik paragraf p hapus semua tetangganya di atas sampai judul pertama h1-h6 (yaitu elemen yang berada di atas judul ini dan judul itu sendiri jangan dihapus).

Saat mengklik paragraf p hapus tetangga bawah terdekatnya dengan kelas www.

Saat mengklik paragraf p hapus tetangga kelimanya dari bawah.

Saat mengklik paragraf p hapus tetangga kelimanya dari bawah, jika ini bukan h2.

Saat mengklik paragraf p hapus tetangga kelimanya dari bawah, jika tetangga ini tidak memiliki tag b di dalamnya.

Saat mengklik paragraf p hapus tetangga kelimanya dari bawah, jika tetangga ini tidak berada langsung setelah h2.

Diberikan elemen #test. Tukar elemen ini dengan tetangga langsungnya di bawah.

Diberikan elemen #test. Setelah tetangga langsungnya di bawah sisipkan salinan elemen kita.

Diberikan elemen #test. Tukar elemen ini dengan tetangga terdekatnya di bawah dengan kelas www.

Temukan semua paragraf p, yang di dalam satu orang tua terletak di antara satu dan lainnya h2.

Bungkus setiap paragraf p di luar dan di dalam dalam div.

Temukan semua paragraf p, yang orang tua langsungnya bukan div dan bungkus setiap dari mereka dalam <div class="www"></div>.

Temukan semua paragraf p. Hapus orang tua mereka (lakukan unwrap), jika orang tua ini bukan div dengan kelas www. Kemudian untuk paragraf yang orang tuanya dihapus, bungkus dalam div dengan kelas zzz.

Temukan semua orang tua dari elemen #test dan buat array dari kelas CSS orang tua tersebut.

Temukan semua paragraf p, yang memiliki atribut class, dan setiap dari mereka dibungkus dalam div dengan kelas yang sama, seperti paragraf yang ditemukan, dan kelas setiap paragraf hapus bersama dengan atribut class.

Temukan semua paragraf p dari #test, berikan mereka di akhir teks '!', kemudian kecualikan dari yang ditemukan paragraf dengan kelas www dan yang tersisa berikan warna merah.

Temukan semua li pada halaman, kemudian sebelum yang kedua dari belakang dari yang ditemukan sisipkan satu lagi li dengan teks 'item'.

Temukan semua li pada halaman, kemudian pilih di antara yang ditemukan yang kedua, ketiga dan keempat dari belakang dan berikan mereka teks '!'.

Temukan ol dengan #test dan ubah urutan semua li di dalamnya dalam urutan terbalik.

Diberikan elemen #test. Temukan semua tetangganya di atas dan semua tetangganya di bawah dan tukar tempat mereka (yaitu semua yang berada sebelum elemen, harus menjadi setelahnya dan sebaliknya).

Dapatkan semua li dengan kelas www, beri mereka warna merah, kemudian temukan di antara yang ditemukan li, yang memiliki kelas bbb dan hapus mereka. Selesaikan semua dengan satu rantai.

Dapatkan semua li pada halaman. Yang genap dari yang diperoleh buat kosong, dan yang ganjil hapus.

Temukan semua tag div dan gandakan tingginya.

Temukan jumlah tinggi semua div pada halaman.

Untuk elemen #test temukan orang tua terdekat dengan kelas www, di akhir orang tua ini tambahkan paragraf dengan teks '!'.

Saat mengklik elemen #test temukan orang tua terdekatnya dengan kelas www, di dalam orang tua ini temukan semua paragraf dan warnai mereka dengan warna merah.

Warnai 10 li pertama pada halaman dengan warna merah.

Warnai dari 5 hingga 10 li pada halaman dengan warna merah.

Temukan 10 li terakhir pada halaman, warnai mereka dengan warna merah. Kemudian dari yang ditemukan temukan li genap dan bungkus mereka di dalam dengan tag b.

Pada halaman diberikan kotak centang. Hitung, berapa banyak dari mereka yang dicentang.

Diberikan 5 kotak centang. Buat sehingga setelah pengguna mencentang dua dari mereka, semua kotak centang terblokir.

Buat sehingga semua yang dicentang kotak centang mengubah statusnya menjadi tidak tercentang dan sebaliknya.

Diberikan input. Pindahkan konten atribut value ke atribut placeholder, dan atribut value hapus sama sekali.

Diberikan tautan. Jika atribut href dimulai dengan http://, tambahkan ke tautan atribut target="_blank".

Diberikan input, yang dapat diisi angka. Buat sehingga saat memasukkan angka ke input ini dan kehilangan fokus pada halaman, dicari kotak centang dengan nomor tersebut dan menjadi tercentang, dan kotak centang lainnya menjadi tidak tercentang.

Diberikan select dan radio tombol, jumlah radio sama dengan jumlah item dalam select. Buat sehingga saat memilih item dalam select secara otomatis menjadi tercentang radio tombol yang sesuai (kesesuaian berdasarkan nomor urutan: item pertama dalam daftar - radio pertama dan seterusnya).