Fare seçilen elementin üzerine geldiğinde fonksiyon tetiklenir. Tarayıcı uyumluluğu vardır. CSS deki hover özelliğinede benzetilebilir.
$("span").mouseenter(function(){
$("span").css("background-color", "red");
});
$("span").mouseleave(function(){
$("span").css("background-color", "pink");
});
Kullanım şekilleri;
.mouseenter(handler):
. mouseenter([eventData], handler):
. mouseenter(function):
. mouseenter():
sol fare düğmesi seçili elementin üstündeyken basıldığında mousedown olayı oluşur. Bir mousedown olay gerçekleştiğinde çalıştırılacak bir işlev ekler.
$("span").mouseup(function(){
$(this).after("<p style='color:green;'>Fare düğmesi serbest</p>");
});
$("span").mousedown(function(){
$(this).after("<p style='color:purple;'>Fare düğmesine tıklandı.</p>");
});
Kullanım şekilleri;
.mousedown(handler):
.mousedown([eventData], handler):
.mousedown(function):
.mousedown():
Öğeleri başka bir diziye çevirmek veya dizi yapmak için kullanılır.
$( "p" ).append( $( "input" ).map(function() {
return $( this ).val();
})
.get());
.map(callback):
load() yöntemi sunucudan seçilen verileri yüklemek için kullanılır.
$("a").click(function(){
$( "div" ).load( "http://www.w3tr.com/file/ajax.txt", function() {
alert( "yükleme uygulandı" );
});
});
.load( url [,data][, complate]):
live() yöntemi seçilmiş elemanlar için bir veya daha fazla olay işleyicileri ekler ve olaylar oluştuğunda çalıştırmak için bir işlev belirtir.
live() yöntemi jQuery sürüm 1.7 için önerilmektedir. 1.9 ve daha üstü için .on() yöntemini kullanmanızı tavsiye ederiz.
İpucu: Olay işleyiciyi kaldırmak için die() yöntemini kullanabilirsiniz.
$("a").live("click", function(){
$("span").slideToggle();
});
.live(events, handler):
.live(events[, data], handler):
.live(events);
.live(function);
Nesneleri saydırmak sayısını öğrenmek için kullanabiliriz. Mesela bir divin içinde kaç tane span var diye sorduğumuzda bize sayısını geri bildirecektir.
$("a").click(function(){
alert($("li").length);
});
length
last() yöntemi seçilen nesnelerin sonuncusunu temsil eder onu seçmeye yarar.
$("ul li").last().css("background-color", "red");
.last():
Bir klavye tuşu serbest bırakıldığında keyup olayı oluşur. Bir keyup olayı oluştuğunda çalıştırılacak bir işlev eklemek için kullanılır.
$("input").keydown(function(){
$("input").css("background-color", "red");
});
$("input").keyup(function(){
$("input").css("background-color", "yellow");
});
keyup(handler):
keyup([eventData], handler):
keyup():
keyup(function):
keypress() yöntemi bir tuşa basıldığında çalıştırmak için bir işlev ekler.
$("input").keypress(function(){
$("span").css("color" , "red");
});
Kullanım şekilleri;
.keypress(handler):
. keypress([eventData], handler):
. keypress():
. keypress(function):
Bir klavye tuşu basıldığında keydown olayı oluşur. keydown () yöntemi keydown olayını tetikler, ya da bir keydown olayı meydana geldiğinde çalıştırmak için bir işlev ekler.
$("input").keydown(function(){
$("input").css("background-color", "red");
});
$("input").keyup(function(){
$("input").css("background-color", "yellow");
});
.keydown(handler):
.keydown([eventData], handler):
.keydown():
.keydown(function):