Bir elementin koordinatlarını almaya yarar. Bir veya birden çok eleman kümesinin koordinatlarını öğrenebilirsiniz.
$("a").click(function(){
var x = $("span").offset();
alert("üst: " + x.top + " sol: " + x.left);
});
.offset()
.offset( coordinates )
.offset( function )
.offset{top:value,left:value}
Bir elemente bağlı olayları kaldırmayı sağlar. Birden fazla argüman verildiğinde, verilen argümanlar tüm olay işleyicisi kaldırılması için aynı olmalıdır.
$("span").click(function(){
$(this).css("background-color", "red");
});
$("a").click(function(){
$("span").off("click");
});
.off( events [, selector ] [, handler ] )
.off( events [, selector ] )
.off( event )
.off()
.off(map)
.off(function)
Belirtilen seçici hariç tutularak işleminizi uygulamaya devam eder.
$("span").not(".w3tr").css("background-color", "red");
.not( selector )
.not( function )
.not( selection )
.not( criteria )
Belirli bir seçiciden başlayıp nextUntil’de belirtilen seçiciye kadar seçer ve istediğiniz işlemi uygular. nextUntil deki seçici dahil değildir.
$("li.w3tr").nextUntil("li.stop").css({"color": "blue", "border": "3px solid yellow"});
.nextUntil( [selector ] [, filter ] )
.nextUntil( [element ] [, filter ] )
.nextUntil( [selector ] [, stop] )
.nextUntil( [element ] [, stop] )
Öncesinden belirtilen bir seçiciden başlayıp nextAll da belirtilen seçici ile uyuşan bütün elementleri seçmek için kullanılır.
$("li.w3tr").nextAll().css({"color": "blue", "border": "3px solid yellow"});
.nextAll([selector]):
.nextAll([filter]):
next () yöntemi, seçilen elementten sonraki kardeş elementi seçmek için kullanılır.
$("li.w3tr").next().css({"color": "blue", "border": "3px solid yellow"});
.next([selector]):
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):