[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

Kullanım şekilleri;

[attribute~=’value’]

[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

Kullanım şekilleri;

[attribute^=‘value’]

[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

Kullanım şekilleri;

[attribute|=‘value’]

[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

Kullanım şekilleri;

“[attribute$=’value’]

[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

Kullanım şekilleri;

[attribute!=’value’];

[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

Kullanım şekilleri

[attribute=value];