sol fare düğmesi seçili öğenin üstündeyken bırakıldığında mouseup olayı oluşur.
$("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 basıldı.</p>");
});
mouseup(handler):
mouseup([eventData], handler):
mouseup():
mouseup(funtion):
Fare işaretçisi seçilen elementin üzerinde olduğunda mouseover olayı oluşur. Bir mouseover olayı gerçekleştiğinde çalıştırılacak bir işlev eklemek için kullanılır.
$("span").mouseover(function(){
$("span").css("background-color", "red");
});
$("span").mouseout(function(){
$("span").css("background-color", "pink");
});
.mouseover(handler):
. mouseover([eventData], handler):
. mouseover():
. mouseover(function):
Fare işaretçisi seçilen elementi terk ettiğinde mouseout olayı oluşur. Bir mouseout olay gerçekleştiğinde çalıştırılacak bir işlev eklemek için kullanılır.
$("span").mouseover(function(){
$("span").css("background-color", "red");
});
$("span").mouseout(function(){
$("span").css("background-color", "pink");
});
.mouseout(handler):
. mouseout([eventData], handler):
. mouseout():
mousemove olay seçilen element içinde her fare işaretçisi hareketini oluşturur. Bir mousemove olay meydana geldiğinde çalıştırmak için bir işlev eklemek için kullanılır.
$(document).mousemove(function(event){
$("strong").text(event.pageX + ", " + event.pageY);
});
.mousemove(handler):
. mousemove([eventData], handler):
. mousemove():
. mousemove(function):
Fare işaretçisi seçilen elementin terk ettiğinde mouseLeave olay gerçekleşir. Bir mouseLeave olay meydana geldiğinde çalıştırmak için bir işlev eklemek için kullanılır.
$("span").mouseenter(function(){
$("span").css("background-color", "red");
});
$("span").mouseleave(function(){
$("span").css("background-color", "pink");
});
.mouseleave(handler):
. mouseleave([eventData], handler):
. mouseleave():
. mouseleave(function):
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);