Yazar: Samed GÖZÜTOK

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

jQuery :first-of-type Seçicisi

:first-of-type Seçicisi;

Belirtilen türdeki elementlerin ilk çocuk olanlarının hepsini seçer.

Örnek

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

Codepen Ön izleme

Kullanım şekilleri;

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

jQuery :first-child Seçicisi

:first-child Seçicisi;

Tüm ebeveynlerin ilk çocuğunu seçmek için kullanılır.

Örnek

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

Codepen Ön izleme

Kullanım şekilleri;

$(“:first-child”)

Posted on by Samed GÖZÜTOK 0

jQuery :file Seçicisi

:file Seçicisi;

type=file giriş elementlerini seçmek için kullanılır.

Örnek

$(":file").css("color", "blue");

Codepen Ön izleme

Kullanım şekilleri;

$(“:file”)

Posted on by Samed GÖZÜTOK 0

jQuery :even Seçicisi

:even Seçicisi;

Grup içerisindeki çift index değerine sahip elementleri seçer. Tek index’e sahip elementleri seçmek için :odd konusuna bakabilirsiniz. index sayıları 0’dan başlar.

Örnek

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

Codepen Ön izleme

Kullanım şekilleri;

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

jQuery :eq() Seçicisi

:eq() Seçicisi;

Belirli bir index numarasını taşıyan bir elementi seçmek için kullanılır. 0’dan başlayarak belirtilmelidir. 0 aslında birinci indexi belirtir. Pozitif değerler baştan sona doğru olarak belirtir. Negatif değerler sondan başa doğru index değerini belirtir.

Örnek

 $("p:eq(2)").css("background-color","red");

Codepen Ön izleme

Kullanım şekilleri;

$(“:eq(index)”)

Posted on by Samed GÖZÜTOK 0

jQuery :enabled Seçicisi

:enabled Seçicisi;

Tüm etkin form elementlerini seçmek için kullanılır.

Örnek

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

Codepen Ön izleme

Kullanım şekilleri;

$(“:enabled”)

Posted on by Samed GÖZÜTOK 0

jQuery :empty Seçicisi

:empty Seçicisi;

Boş elementleri seçmek için kullanılır. Boş element çocuk elementi veya metni olmayan elementtir.

Örnek

$( "li:empty" ).text( "Boş" ).css( "background", "red" );

Codepen Ön izleme

Kullanım şekilleri;

$(“:empty”)

Posted on by Samed GÖZÜTOK 0

jQuery element Seçicisi

element Seçicisi;

Belirli bir element adına sahip tüm elementleri seçmek için kullanılır.

Örnek

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

Codepen Ön izleme

Kullanım şekilleri;

$(“element“)

Posted on by Samed GÖZÜTOK 0