Belirli bir dizeyle başlayan bir değere sahip,belirli bir niteliğe sahip elementleri seçmek için kullanılır.
$("p[title^='w3tr']").css("background-color", "red");
[attribute^=‘value’]
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.
$("p[title|='w3tr']").css("background-color", "red");
[attribute|=‘value’]
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");
(“*”);
wrapInner() yöntemi Seçilen her elementin içeriğinin etrafını belirtilen HTML elementiyle sarar.
$("a").click(function(){
$("p").wrapInner("<strong></strong>");
});
.wrapInner( wrappingElement )
.wrapInner( function )
wrap() yöntemi eşleşen bütün elementlerin etrafını belirtilen HTML elementiyle sarar.
$("a").click(function(){
$("p").wrapAll("<div></div>");
});
.wrapAll( wrappingElement )
.wrapAll( function )