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

jQuery [attribute!=value] Seçicisi

[attribute!=value] Seçicisi;

Belirtilen nitelik ve değere sahip olmayan her elementi seçmek için kullanılır.

Örnek

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

Codepen Ön izleme

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

Belirtilen öznitelik ve değere sahip her elementi seçmek için kullanılır.

Örnek

$("[class=w3tr]").css("background-color", "red");

Codepen Ön izleme

See the Pen <a href="http://codepen.io/w3tr/pen/XdMVRG/">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] Seçicisi

[attribute] Seçicisi;

Belirtien niteliğe sahip tüm elementleri seçmek için kullanılır.

Örnek

$("[id]").css("background-color", "red");

Codepen Ön izleme

See the Pen <a href='http://codepen.io/w3tr/pen/WwpdRd/'>jQuery [attribute] 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]

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

HTML, CSS

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

[attribute!=value] Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

[attribute=value] Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri

[attribute] Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;