Belirli bir dize ile biten bir değere sahip ve belirli bir niteliğe sahip her elementi seçmek için kullanılır.
$("a[href$='.com']").css("background-color", "red");
“[attribute$=’value’]
Belirtilen nitelik ve değere sahip olmayan her elementi seçmek için kullanılır.
$("p[id!='w3tr']").css("background-color", "red");
[attribute!=’value’];
Belirtilen öznitelik ve değere sahip her elementi seçmek için kullanılır.
$("[class=w3tr]").css("background-color", "red");
[attribute=value];
Belirtien niteliğe sahip tüm elementleri seçmek için kullanılır.
$("[id]").css("background-color", "red");
[attribute]
Animasyon halindeki elemente farklı özellikler katmak için kullanılır.
function w3tr(){
$("div").animate({height: "300"}, 2000);
$("div").animate({height: "150"}, 2000, w3tr);
}
w3tr();
$("a").click(function(){
$(":animated").css("background-color", "blue");
});
$(‘:animated’)
Tek başına kullanıldığı zaman bütün elementleri seçer. Bir başka seçici ile kullanıldığında ise o element içerisindeki bütün elementleri seçer.
Not: Tek başına kullanılması durumunda son derece yavaştır.
$("*").css("background-color", "red");
(“*”);
Ziyaret edilen tüm “a” elementlerini seçer.
Versiyon: CSS1
a:visited {
color: red;
}
| 4.0 | 2.0 | 7.0 | 3.1 | 9.6 |
Geçerli değere sahip tüm “input” elementlerini seçer.
Versiyon: CSS3
input:valid {
background-color: red;
}
| 10.0 | 4.0 | 10.0 | 5.0 | 10.0 |
Kullanıcı tarafından seçilen elementi seçer.
Versiyon: CSS3
::-moz-selection { /* firefox için */
color: yellow;
background: blue;
}
::selection {
color: yellow;
background: blue;
}
| 4.0 | 2.0 -moz- | 9.0 | 3.1 | 9.6 |
Belgenin kök öğesini seçer.
Versiyon: CSS3
:root {
background: blue;
color:white;
}
| 4.0 | 3.5 | 9.0 | 3.2 | 9.6 |