Ebeveynlerden son çocuk tüm elementleri seçmek için kullanılır.
İpucu: İlk çocuk elementi seçmek için first-child seçicisini kullanın.
$("li:last-child").css("background-color", "red");
$(“:last-child”)
Form elementlerini seçmek için kullanılır.
$(":input").css("background-color", "yellow");
$(“:input”)
image seçicisi type=image giriş elementleri seçmek için kullanılır.
$(":image").css("background-color", "yellow");
$(“:image”)
id kimliği olan elementleri seçmek için kullanılır.
$("#w3tr").css("background-color", "red");
$(“#id“)
Gizlenmiş olan elementleri seçmek için kullanılır.
Not: visibility:hidden ile gizlenmiş elementler için işe yaramaz.
$(":hidden").show(4000);
$(“:hidden”)
Belirtielen seçiciyle eşleşen tüm elementleri seçmek için kullanılır.
$("span:has(strong)").css("color", "red");
$(“:has(selector)”)
Belirtilen index numarasından daha büyük indeks numarasına sahip elementleri seçer. indeks numaraları 0’dan başlar.
$("li:gt(1)").css("background-color", "red");
$(“:gt(index)”)
:focus seçicisi Odaklı elementi seçmek için kullanılır.
$("input").focus();
$(":focus").css("background-color", "red");
$(“:focus”)
Belirtilen elementle eşleşen ilk elementi seçmek için kullanılır.
Not: Bu seçiciyle sadece tek element seçebilirsiniz. birden fazla element kullanmak için first-child seçicisini kullanın.
$("li:first").css("background-color", "red");
$(“:first”)
Belirtilen türdeki elementlerin ilk çocuk olanlarının hepsini seçer.
$("li:first-of-type").css("background-color", "red");
$(“:first-of-type”)