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()
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 )
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])
Bu fonksiyon elementin son çocuğu olarak belirtilen bir içerik ekler. Ayrıca istediğiniz nesneleri seçili elementin sonuna eklemeniz mümkün olacaktır. Ayrıca bir elementi seçip başka bir elementin içine ekleyebilirsiniz.
$(document).ready(function(){
$("a").click(function(){
$("ul").append("<li>W3TR</li>");
});
});
.append(content[,content])
CSS özelliklerine bir dizi özel animasyonlar gerçekleştirebilirsiniz. CSS özellikleri olarak width, height, border, color, background gibi bir çok değeri değiştirebilirsiniz.
Animasyonun süre ayarını yapmak için varsayılan değer 400 mili saniye üzerinden değerlendirilir. Yani 1 saniyelik bir animasyon için 1000 mili saniye vermeniz gerekmektedir. Fonksiyon içerisine birden fazla animasyon yazılabilir.
$(document).ready(function(){
$(".büyüt").click(function(){
$("div").animate({width: "400px"});
});
$(".kücült").click(function(){
$("div").animate({width: "150px"});
});
});
.animate( properties [, duration ] [, easing ] [, complete ] )
.animate( properties, options )
Seçili olan elementten bir önceki nesneyide ekleyerek seçimi genişletir.
Not: jquery 1.8 den sonra kullanılmamalıdır. Bunun yerine .addBack(); kullanılabilir.
$( ".w3tr" ).nextAll().andSelf().css( "background-color", "yellow" );
.andSelf():
Ajax isteği başarı ile tamamlandığında gerçekleşir. .ajaxComplate ile karıştırılmaması gerekir. .ajaxCompalete() bir ajax isteği tamamladıktan sonra gerçekleşirken .ajaxSuccess() bütün ajax olayı başarı ile gerçekleştiğinde çalışır.
$(document).ready(function(){
$(document).ajaxSuccess(function(){
alert("Tüm AJAX istekleri tamamlandı");
});
$("a").click(function(){
$("div").load("demo_ajax_load.txt");
});
});
.ajaxSuccess(handler):