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

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

Kullanım şekilleri;

$(“:file”)

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

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

Kullanım şekilleri;

$(“:eq(index)”)

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

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

Kullanım şekilleri;

$(“:enabled”)

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

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

Kullanım şekilleri;

$(“:empty”)

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

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

Kullanım şekilleri;

$(“element“)

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

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

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

Kullanım şekilleri;

$(“:disabled”)

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

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

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

Kullanım Şekillleri;

(“parent descendant“)

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

jQuery .class Seçicisi

.class Seçicisi;

Belirtilen class’ın tüm elementlerini 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/XdMqVw/">jQuery .class Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanımı şekilleri;

$(“.class“)

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

jQuery parent > child Seçicisi

parent > child Seçicisi;

Belirtilen elementin tüm çocuk elementlerini seçer.

Örnek

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

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/zqZjBe/">parent > 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;

(“parent > child“)

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

jQuery :checked Seçicisi

:checked Seçicisi;

checked seçici checked veya radio gibi onay kutularını seçmek için kullanılır.

Örnek

$(":checked").wrap("<span style='background-color:yellow'>");

Codepen Ön izleme

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

Kullanım şekilleri;

$(“:checked”)

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

HTML, CSS

:file Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

:eq() Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

:enabled Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

:empty Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

element Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

:disabled Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

descendant Seçicisi;

Örnek

Codepen Ön izleme

Kullanım Şekillleri;

.class Seçicisi;

Örnek

Codepen Ön izleme

Kullanımı şekilleri;

parent > child Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

:checked Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;