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

jQuery :checkbox Seçicisi

:checkbox Seçicisi;

checkbox seçicisi type=checkbox elementlerini seçmek için kullanılır.

Örnek

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

Codepen Ön izleme

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

Kullanım şekilleri;

$(“:checkbox”)

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

jQuery :button Seçicisi

:button Seçicisi;

Button elementlerini ve type = button ile giriş elementlerini seçmek için kullanılır.

Örnek

$(":button").css("font-size", "30px");

Codepen Ön izleme

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

Kullanım şekilleri;

jQuery( “:button” )

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

jQuery [attribute*=value] Seçicisi

[attribute*=value] Seçicisi;

Belirli bir dizeyle başlayan bir değere sahip,belirli bir niteliğe sahip elementleri seçmek için kullanılır.

Örnek

$("p[title*='w3tr']").css("background-color", "red");

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/eZvMvG/">jQuery [attribute*=value] Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

[attribute*=‘value’]

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

jQuery [attribute~=value] Seçicisi

[attribute~=value] Seçicisi

Belirli bir dizeyle başlayan bir değere sahip,belirli bir niteliğe sahip elementleri seçmek için kullanılır.

İpucu: Dize boşluk içerebilir.

Örnek

$("p[title~='w3tr']").css("background-color", "red");

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/aNJYdq/">jQuery [attribute~=value] Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

[attribute~=’value’]

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

jQuery [attribute^=value] Seçicisi

[attribute^=value] Seçicisi;

Belirli bir dizeyle başlayan bir değere sahip,belirli bir niteliğe sahip elementleri seçmek için kullanılır.

Örnek

$("p[title^='w3tr']").css("background-color", "red");

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/vGxREv/">jQuery [attribute^=value] Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

[attribute^=‘value’]

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

jQuery [attribute|=value] Seçicisi

[attribute|=value] Seçicisi;

Belirli bir bir dize veya başlangıç değerine sahip, belirli bir niteliği sahip elementleri seçmek için kullanılır.

İpucu: Bu seçici genellikle dil özelliklerini işlemek için kullanılır.

Örnek

$("p[title|='w3tr']").css("background-color", "red");

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/mPWpNq/">jQuery [attribute|=value] Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

[attribute|=‘value’]

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

jQuery [attribute$=value] Seçicisi

[attribute$=value] Seçicisi;

Belirli bir dize ile biten bir değere sahip ve belirli bir niteliğe sahip her elementi seçmek için kullanılır.

Örnek

$("a[href$='.com']").css("background-color", "red");

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/qZrpYO/">jQuery [attribute$=value] Seçicisi</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.

Kullanım şekilleri;

“[attribute$=’value’]

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

HTML, CSS

.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;

:checkbox Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

:button Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

[attribute*=value] Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

[attribute~=value] Seçicisi

Örnek

Codepen Ön izleme

Kullanım şekilleri;

[attribute^=value] Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

[attribute|=value] Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

[attribute$=value] Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;