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

See the Pen <a href="http://codepen.io/w3tr/pen/yOMdGz/">jQuery :input Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

$(“:input”)

Posted on 22 Mart 2016 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

See the Pen <a href="http://codepen.io/w3tr/pen/KzWjxm/">jQuery :image Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

$(“:image”)

Posted on 22 Mart 201622 Mart 2016 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

See the Pen <a href="http://codepen.io/w3tr/pen/grmNKO/">jQuery #id Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

$(“#id“)

Posted on 22 Mart 2016 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

See the Pen <a href="http://codepen.io/w3tr/pen/PNpvyX/">jQuery :hidden Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

$(“:hidden”)

Posted on 22 Mart 2016 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

See the Pen <a href="http://codepen.io/w3tr/pen/GZWadB/">jQuery :has() Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

$(“:has(selector)”)

Posted on 22 Mart 2016 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

See the Pen <a href="http://codepen.io/w3tr/pen/LNWojy/">jQuery :gt() Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

$(“:gt(index)”)

Posted on 22 Mart 2016 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

See the Pen <a href="http://codepen.io/w3tr/pen/ZWeNLE/">jQuery :focus Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

$(“:focus”)

Posted on 22 Mart 2016 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

See the Pen <a href="http://codepen.io/w3tr/pen/reygea/">jQuery :first Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

$(“:first”)

Posted on 22 Mart 2016 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

See the Pen <a href="http://codepen.io/w3tr/pen/qZrGOa/">jQuery :first-of-type Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

$(“:first-of-type”)

Posted on 22 Mart 201622 Mart 2016 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

See the Pen <a href="http://codepen.io/w3tr/pen/VapOwp/">jQuery :first-child Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

$(“:first-child”)

Posted on 22 Mart 2016 by Samed GÖZÜTOK 0

HTML, CSS

:input Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

:image Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

#id Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

:hidden Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

:has() Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

:gt() Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

:focus Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

:first Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

:first-of-type Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

:first-child Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;