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’]” )
Elemente ait attribute değerini bazı jquery seçicileri ile seçilebilir fakat değiştirilemezler. Attr() özelliği bize bu imkanı sunmaktadır. Elementin hem attribute değeri seçilebilir hem de değiştirilebilir. Örneğin check olmamış bir inputu bu yöntemle anlayabilir ve check işlemini gerçekleştirebilirsiniz. Bu yöntem elemanın sadece bir attribute değerini alabilir. Birden çok attribute değerini alabilmek için jquery .each() veya .map() döngülerini kullanabilirsiniz.
$(document).ready(function(){
$("a").click(function(){
$("img").attr("width", "900");
});
});
.attr(attributeName)
Bir içerik oluşturup aynı anda birden çok elementin içine ekleyebilirsiniz. append() ‘dan farklı olarak önce eklenecek element seçilir.
$(document).ready(function(){
$("a").click(function(){
$("<span> HOŞGELDİNİZ</span>").appendTo("p");
});
});
.append(content[,content])