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

 

Kullanım şekilleri;

[attribute]

CSS [attribute|=value] Seçicisi

[attribute|=value] Seçicisi

Belirtilen değerden başlayarak belirtilen niteliği taşıyan elementlerin tamamını seçer.

Versiyon: CSS2

Örnek

span[lang|=en] {
  display: block;
  color: red;
  font-size: 40px;
}

Codepen Ön izleme

Tarayıcı Desteği

4.0 2.0 7.0 3.1 9.6

CSS [attribute~=value] Seçicisi

[attribute~=value] Seçicisi

Belirli bir kelimeyi içeren elementleri seçmek için kullanılır.

Versiyon:CSS2

Örnek

span[title~=w3tr]{
  display:block;
  font-size: 30px;
  color: blue;
}

Codepen Ön izleme

Tarayıcı Desteği

4.0 2.0 7.0 3.1 9.6

CSS [attribute] Seçicisi

[attribute] Seçicisi

Öznitelikleri ile elementleri seçmek için kullanılır.

Versiyon:CSS2

Örnek

a[target] {
  background: blue;
  color: white;
  font-size: 20px;
}

Codepen Ön izleme

Tarayıcı Desteği

4.0 2.0 7.0 3.1 9.6