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 :contains() Seçicisi

:contains() Seçicisi;

: Contains() seçici belirtilen dizeyi içeren elementleri seçmek için kullanılır.

Not: Büyük,küçük harfe duyarlıdır.

Örnek

$("p:contains(W3TR)").css("background-color", "red");

Codepen Ön izleme

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

Kullanım şekilleri;

$(“:contains(text)”)

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

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

HTML, CSS

:disabled Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

descendant Seçicisi;

Örnek

Codepen Ön izleme

Kullanım Şekillleri;

:contains() Seçicisi;

Örnek

Codepen Ön izleme

Kullanım şekilleri;

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