jQuery Kütüphanesi Pratik Çalışması

İçinde b etiketi bulunan tüm p paragraflarını div etiketi içine alın.

www sınıfına sahip tüm p paragraflarını bulun, başlarına '!' metnini ekleyin, ardından bu paragraflara h1-h6 başlıklarını da ekleyin ve bu paragrafları ve başlıkları kırmızı renge boyayın.

Tüm p paragraflarını bulun ve onları aynı içerikle div etiketiyle değiştirin.

Sayfadaki tüm onay kutularını bulun ve bulunanların çift olanlarını devre dışı bırakın.

Tüm devre dışı bırakılmamış onay kutularına 'işaretli' durumunu verin.

#test elementi verildi. Hemen üstündeki komşusuna '!' metnini, altındaki komşusuna ise '?' metnini verin. Görevi tek bir zincirle çözün.

#test elementi verildi. Hemen üstündeki ve altındaki komşularına #test elementinin metnini verin.

#test elementi verildi. Üstündeki komşuları arasından en yakın paragrafı bulun ve ona #test elementinin metnini verin.

Sayfadaki ikinci li'yi bulun, ona www sınıfını ekleyin, içini i etiketiyle sarın, ardından 'merhaba' metniyle bir li ekleyin.

Sayfadaki onuncu li'yi bulun, onun ebeveynini bulun, ebeveynin hemen üstündeki komşusunu alın, onu <div class="www"></div> içine alın.

www sınıfına sahip olmayan paragraflar dışındaki tüm p paragraflarının sonuna sıra numaralarını ekleyin.

Tüm p paragraflarını bulun ve her paragrafın önüne bir kopyasını yerleştirin. Kopyayı kırmızı renge, orijinal paragrafı ise yeşil renge boyayın.

Hemen h2 altında duran p paragraflarını bulun ve her paragrafı, hemen h2'nin üstüne gelecek şekilde taşıyın.

Tüm boş p paragraflarını (metinsiz) bulun ve içlerine hemen üstlerindeki komşunun metnini yerleştirin.

b etiketinin ebeveynine, eğer bu www sınıfına sahip bir element veya bir p paragrafı ise, kırmızı renk ve 30px yazı boyutu verin.

Tüm boş p paragraflarına, kendilerine en yakın yukarıdaki h2 etiketinin metnini verin.

Sayılarla dolu inputlar verildi. Inputlarda bu sayıların karelerinin olmasını sağlayın.

#test elementi verildi. Başına hemen üstündeki komşunun metnini, sonuna ise hemen altındaki komşunun metnini yerleştirin.

#test elementi verildi. Onun üstündeki ikinci komşusunu ve altındaki ikinci komşusunu bulun. Bulunan elementlerin metinlerini değiş tokuş etmelerini sağlayın (üstteki komşu alttaki komşunun metnini alsın ve tersi).

div elementi verildi. Ondan, başlık olmayan tüm doğrudan çocukları seçin ve onları kırmızı renge boyayın.

Tüm p paragraflarını bulun, onları kırmızı renge boyayın. Ardından bulunan paragraflar arasından www sınıfına sahip olanları seçin ve onlara '!' metnini verin.

www sınıfına sahip tüm p paragraflarını bulun, onları kırmızı renge boyayın. Ardından bulunan paragraflar arasından ilkini seçin ve ona '!' metnini verin, sonra sonuncuyu seçin ve ona '?' metnini verin. Görevi tek bir zincirle çözün.

Tüm p paragraflarını bulun, her birinin sonuna, içinde bulunan metnin aynısını yerleştirin (yani paragraftaki metin iki kez yazılmış olacak).

Tüm p paragraflarını bulun, her birinin sonuna kümedeki sıra numarasını yerleştirin.

Sayılarla dolu paragraflar verildi. Her birinin sonuna, içinde saklanan sayıyı, kümedeki sıra numarasıyla çarparak yerleştirin.

Bir p paragrafına tıklandığında onun hemen üstündeki ve altındaki komşularını kaldırın.

Bir p paragrafına tıklandığında onun üstündeki ilk h1-h6 başlığına kadar olan tüm komşularını kaldırın (yani bu başlığın üzerindeki elementler ve başlığın kendisi kaldırılmayacak).

Bir p paragrafına tıklandığında onun en yakın alt komşusu olan www sınıfına sahip elementi kaldırın.

Bir p paragrafına tıklandığında onun altındaki beşinci komşusunu kaldırın.

Bir p paragrafına tıklandığında onun altındaki beşinci komşusunu, eğer bu h2 değilse kaldırın.

Bir p paragrafına tıklandığında onun altındaki beşinci komşusunu, eğer bu komşu içinde b etiketi bulundurmuyorsa kaldırın.

Bir p paragrafına tıklandığında onun altındaki beşinci komşusunu, eğer bu komşu hemen h2'den sonra gelmiyorsa kaldırın.

#test elementi verildi. Bu elementi, hemen altındaki komşuyla yer değiştirin.

#test elementi verildi. Onun hemen altındaki komşusundan sonra elementimizin bir kopyasını ekleyin.

#test elementi verildi. Bu elementi, altındaki en yakın www sınıfına sahip komşuyla yer değiştirin.

Aynı ebeveyn içinde bir h2 ile diğer h2 arasında bulunan tüm p paragraflarını bulun.

Her p paragrafını dışarıdan ve içeriden div ile sarın.

Doğrudan ebeveyni div olmayan tüm p paragraflarını bulun ve her birini <div class="www"></div> içine alın.

Tüm p paragraflarını bulun. Ebeveynlerini kaldırın (unwrap yapın), eğer bu ebeveyn www sınıfına sahip bir div değilse. Ardından ebeveyni kaldırılan paragrafları, zzz sınıfına sahip bir div içine alın.

#test elementinin tüm ebeveynlerini bulun ve bu ebeveynlerin CSS sınıflarından oluşan bir dizi oluşturun.

class özniteliğine sahip tüm p paragraflarını bulun, ve her birini, bulunan paragrafın sınıflarıyla aynı sınıflara sahip bir div içine alın, ve her paragrafın sınıflarını class özniteliğiyle birlikte silin.

#test içindeki tüm p paragraflarını bulun, sonlarına '!' metnini yerleştirin, ardından bulunanlar arasından www sınıfına sahip paragrafları hariç tutun ve kalanlara kırmızı renk verin.

Sayfadaki tüm li'leri bulun, ardından bulunanların sondan bir öncekinin önüne 'madde' metniyle bir li daha ekleyin.

Sayfadaki tüm li'leri bulun, ardından bulunanlar arasından sondan ikinci, üçüncü ve dördüncü olanı seçin ve onlara '!' metnini verin.

#test kimliğine sahip ol'yi bulun ve içindeki tüm li'leri ters sıraya yerleştirin.

#test elementi verildi. Onun üstündeki tüm komşularını ve altındaki tüm komşularını bulun ve yerlerini değiştirin (yani elementten önce olan her şey ondan sonra, sonra olan her şey ise önce gelecek).

www sınıfına sahip tüm li'leri alın, onlara kırmızı renk verin, ardından bulunanlar arasında, bbb sınıfına sahip olan li'leri bulun ve onları kaldırın. Her şeyi tek bir zincirle çözün.

Sayfadaki tüm li'leri alın. Alınanların çift olanlarını boşaltın, tek olanlarını ise kaldırın.

Tüm div etiketlerini bulun ve yüksekliklerini iki katına çıkarın.

Sayfadaki tüm div'lerin yüksekliklerinin toplamını bulun.

#test elementi için en yakın www sınıfına sahip ebeveyni bulun, bu ebeveynin sonuna '!' metniyle bir paragraf ekleyin.

#test elementine tıklandığında onun en yakın www sınıfına sahip ebeveynini bulun, bu ebeveynin içindeki tüm paragrafları bulun ve onları kırmızı renge boyayın.

Sayfadaki ilk 10 li'yi kırmızı renge boyayın.

Sayfadaki 5'inciden 10'uncuya kadar olan li'leri kırmızı renge boyayın.

Sayfadaki son 10 li'yi bulun, onları kırmızı renge boyayın. Ardından bulunanlar arasından çift li'leri seçin ve içlerini b etiketiyle sarın.

Sayfada onay kutuları verildi. Kaç tanesinin işaretli olduğunu sayın.

5 tane onay kutusu verildi. Kullanıcı bunlardan ikisini işaretledikten sonra tüm onay kutularının devre dışı bırakılmasını sağlayın.

Tüm işaretlenmiş onay kutularının durumunu işaretlenmemiş, işaretlenmemiş olanların durumunu ise işaretlenmiş olarak değiştirin.

Bir input verildi. value özniteliğinin içeriğini placeholder özniteliğine taşıyın, ve value özniteliğini tamamen silin.

Bir bağlantı verildi. Eğer href özniteliği http:// ile başlıyorsa, bağlantıya target="_blank" özniteliğini ekleyin.

İçine sayı girilebilen bir input verildi. Bu inputa bir sayı girildiğinde ve odak kaybedildiğinde, sayfada bu numaraya sahip onay kutusunun aranmasını ve işaretlenmiş hale gelmesini, diğer onay kutularının ise işaretlenmemiş hale gelmesini sağlayın.

Bir select ve radio butonları verildi, radyo sayısı select'teki madde sayısına eşit. Select'te bir madde seçildiğinde, otomatik olarak ilgili radyo butonunun işaretlenmiş hale gelmesini sağlayın (ilişki izleme sırasına göredir: listedeki ilk madde - ilk radyo butonu, vb.).