: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”)
Etiket: jquery
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”)
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”)
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”)
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)”)
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”)
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”)
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“)
jQuery :disabled Seçicisi
:disabled Seçicisi;
Tüm engelli form elementlerini seçmek için kullanılır.
Örnek
$(":disabled").css("background-color", "yellow");
Codepen Ön izleme
Kullanım şekilleri;
$(“:disabled”)
jQuery descendant Seçicisi
descendant Seçicisi;
Belirli bir elementin soyundan olan tüm elementleri seçmek için kullanılır.
Örnek
$("div p").css("background-color", "red");
Codepen Ön izleme
Kullanım Şekillleri;
(“parent descendant“)