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 )
wrap() yöntemi Seçilen elementin etrafını belirtilen HTML elementiyle sarar.
$("a").click(function(){
$("p").wrap("<div></div>");
});
.wrap( wrappingElement )
.wrap( function )
Eşleştiği elementin padding, margin, border değerleri dahil etmeksizin genişliğini saf olarak almanızı yada değiştirmenizi sağlar.
$("a").click(function(){
$("div").width(300);
});
.width()
.width( value )
.width( function )