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
<a href="/tr/markup/manual/html/attr/checked/">'işaretli'</a> 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.).