:lt() Seçicisi;
Belirtilen sayıdan daha küçük indeks numarasına sahip elementleri seçmek için kullanılır.
Örnek
$("li:lt(2)").css("background-color", "red");
Codepen Ön izleme
Kullanım şekilleri;
$(“:lt(index)”)
Yazar: Samed GÖZÜTOK
jQuery :last Seçicisi
:last Seçicisi;
Eşleşen son elementi seçmek için kullanılır.
Örnek
<iframe height='268' scrolling='no' src='//codepen.io/w3tr/embed/wGJVGJ/?height=268&theme-id=19659&default-tab=result' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>See the Pen <a href='http://codepen.io/w3tr/pen/wGJVGJ/'>wGJVGJ</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>. </iframe>
Codepen Ön izleme
Kullanım şekilleri;
$(“:last”)
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”)
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”)
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”)
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”)
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“)
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”)
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)”)
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)”)