Metin ve yorum düğümleri de dahil olmak üzere eşleştirilmiş elementlerin alt elementlerini alabilirsiniz(seçebilirsiniz).
$("a").click(function(){
$("body").contents().filter("span").wrap("<b/>");
});
.contents ()
Girilen ifade ile seçici arasındaki yakın nesneleri seçer.
$("span").closest("ul").css({"color": "blue", "border": "2px solid yellow"});
.closest( selector )
.closest( selector [, context ] )
.closest( selection )
.closest( element )
Eşleşen elementlerin geniş bir kopyasını oluşturun. Belirtilen nesneyi append fonksiyonlarını da kullanarak öncesi veya sonrasına kopyalama işlemi yapabilirsiniz.
$("a").click(function(){
$("span").clone().appendTo("body");
});
.clone( [withDataAndEvents ] )
.clone( [withDataAndEvents ] [, deepWithDataAndEvents ] )
Javascripte tıklama olayına bir görev atamaya yardımcı olur. Bir diğer varyasyonları ise .on( “click”, handler ) ve .trigger( “click” ) şeklindedir.
$("a").click(function(){
alert("BUTONA TIKLANDI");
});
.click( handler )
.click( [eventData ], handler )
.click()
Sırasıyla tüm fonksiyonları kuyruğundan kaldırır. Yalnız başına kullanıldığında ise kalan fonksiyonları sıradan kaldırır.
$(".baslat").click(function(){
$("div").animate({width: 400}, 2000);
$("div").animate({height: 400}, 2000);
$("div").animate({width: 150}, 2000);
$("div").animate({height: 150}, 2000);
});
$(".durdur").click(function(){
$("div").clearQueue();
});
.clearQueue( [queueName ] )
Belirtilen elementin alt elementleri belirtilerek tümü veya bazıları seçilebilir. .find() fonksiyonu farklı olarak alt elementlerden bir tanesini seçebiliyorken children() birden çok alt elementi seçebilir.
$("ul").children().css({"color": "blue", "border": "2px solid yellow"});
.add(selector):
.add(elements):
.add(html):
.add(selection):
.add(selector, context):
select, textarea, input gibi kullanıcı tarafından değiştirildiği durumda çalışır. Yani kullanıcı inputun içine her harf girildiğinde change olayı tetiklenmiş olur. Aynı durum select ve textarea içinde geçerlidir.
$("input").change(function(){
alert("Metin değiştirildi.");
});
.change( handler )
.change( [eventData ], handler )
.change()
Focus işleminden çıkıldığında gerçekleşecek işlemi belirlememizi sağlarlar. Örneğin bir inputa focus yaptığımızda gerçekleşecek işlemleri .focus() parametresi ile yaparken bu inputtan farklı bir noktaya tıkladığımız anda focus işlemi bitmiş olur. Bu anda da .blur() işlemi çalışır.
$("input").blur(function(){
alert("Bu giriş alanı odağını kaybetti .");
});
.blur( handler )
.blur( [eventData ], handler )
.blur()
Herhangi bir olay yardımcılarından (click, hover, gibi) birini atamamızı sağlar böylelikle bir başka olayı tetikleyebilmemiz için yardımcı olur. Click olayını atadığımızda aslında normal bir click fonksiyonundan hiçbir farkı yoktur. Bu fonksiyonu önemli kılan .unbind() fonksiyonudur diyebiliriz.
$("a").bind("click", function(){
alert("BUTONA TIKLANDI");
});
.bind( eventType [, eventData ], handler )
.bind( eventType [, eventData ] [, preventBubble ] )
.bind( events )
Belirtilen elementin öncesine yeni bir nesne(element) eklemeyi belirtir.
$(document).ready(function(){
$("a").click(function(){
$("p").before("<p>W3TR</p>");
});
});
jQuery( “[attribute ^=’value’]” )