[attribute*=value] Seçicisi

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");

1	$("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’]

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");

1	$("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’]

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");

1	$("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’]

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");

1	$("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’]

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");

1	$("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’]

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");

1	$("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’];

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");

1	$("[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];

CSS3 [attribute*=value] Seçicisi

[attribute*=value] Seçicisi

Belirtilen değeri taşıyan tüm elementleri seçer.

Versiyon: CSS3

Örnek

span[class*="w3tr"] {
  display:block;
  font-size: 40px;
  color: blue;
}

span[class*="w3tr"] {

display:block;

font-size: 40px;

color: blue;

}

Codepen Ön izleme

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

Tarayıcı Desteği


4.0	3.5	7.0	3.2	9.6

CSS3 [attribute$=value] Seçicisi

[attribute$=value] Seçicisi

Belirtilen değerle biten tüm elementleri seçer.

Versiyon: CSS3

Örnek

span[class$="w3tr"] {
  display:block;
  font-size:30px;
  color:red;
}

span[class$="w3tr"] {

display:block;

font-size:30px;

color:red;

}

Codepen Ön izleme

w3tr

See the Pen [attribute$=value] Seçici by W3TR (@w3tr) on CodePen.

Tarayıcı Desteği


4.0	2.0	7.0	3.1	9.6

CSS3 [attribute^=value] Seçicisi

[attribute^=value] Seçicisi

Sadece belirtilen öznitelik değeri ile belirtilen değere ait elementi seçmek için kullanılır.
Versiyon: CSS3

Örnek

div[class^=w3tr]{
  background: red;
}

div[class^=w3tr]{

background: red;

}

Codepen Ön izleme

Tarayıcı Desteği


4.0	2.0	7.0	3.1	9.6