Etiket: seçici

jQuery :last-of-type Seçicisi

:last-of-type Seçicisi;

Belirtilen tipte olan elementleri bulur ve sonuncusuna uygular. Last-child ile benzerlik gösterir.

Örnek

$("li:last-of-type").css("background-color", "red");

Codepen Ön izleme

Kullanım şekilleri;

$(“:last-of-type”)
Posted on by Samed GÖZÜTOK 0

jQuery :last-child Seçicisi

:last-child Seçicisi;

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.

Örnek

$("li:last-child").css("background-color", "red");

Codepen Ön izleme

Kullanım şekilleri;

$(“:last-child”)
Posted on by Samed GÖZÜTOK 0

jQuery :input Seçicisi

:input Seçicisi;

Form elementlerini seçmek için kullanılır.

Örnek

$(":input").css("background-color", "yellow");

Codepen Ön izleme

Kullanım şekilleri;

$(“:input”)
Posted on by Samed GÖZÜTOK 0

jQuery :image Seçicisi

:image Seçicisi;

image seçicisi type=image giriş elementleri seçmek için kullanılır.

Örnek

$(":image").css("background-color", "yellow");

Codepen Ön izleme

Kullanım şekilleri;

$(“:image”)
Posted on by Samed GÖZÜTOK 0

jQuery #id Seçicisi

#id Seçicisi;

id kimliği olan elementleri seçmek için kullanılır.

Örnek

$("#w3tr").css("background-color", "red");

Codepen Ön izleme

Kullanım şekilleri;

$(“#id“)
Posted on by Samed GÖZÜTOK 0

jQuery :hidden Seçicisi

:hidden Seçicisi;

Gizlenmiş olan elementleri seçmek için kullanılır.

Not: visibility:hidden ile gizlenmiş elementler için işe yaramaz.

Örnek

$(":hidden").show(4000);

Codepen Ön izleme

Kullanım şekilleri;

$(“:hidden”)
Posted on by Samed GÖZÜTOK 0

jQuery :has() Seçicisi

:has() Seçicisi;

Belirtielen seçiciyle eşleşen tüm elementleri seçmek için kullanılır.

Örnek

$("span:has(strong)").css("color", "red");

Codepen Ön izleme

Kullanım şekilleri;

$(“:has(selector)”)
Posted on by Samed GÖZÜTOK 0

jQuery :gt() Seçicisi

:gt() Seçicisi;

Belirtilen index numarasından daha büyük indeks numarasına sahip elementleri seçer. indeks numaraları 0’dan başlar.

Örnek

$("li:gt(1)").css("background-color", "red");

Codepen Ön izleme

Kullanım şekilleri;

$(“:gt(index)”)
Posted on by Samed GÖZÜTOK 0

jQuery :focus Seçicisi

:focus Seçicisi;

:focus seçicisi Odaklı elementi seçmek için kullanılır.

Örnek

$("input").focus();
$(":focus").css("background-color", "red");

Codepen Ön izleme

Kullanım şekilleri;

$(“:focus”)
Posted on by Samed GÖZÜTOK 0

jQuery :first Seçicisi

:first Seçicisi;

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.

Örnek

$("li:first").css("background-color", "red");

Codepen Ön izleme

Kullanım şekilleri;

$(“:first”)
Posted on by Samed GÖZÜTOK 0