FadeOut() yöntemi yavaş yavaş görünür (solma etkisi) seçilen elementlerin için opaklığı değiştirir.
$(".buton1").click(function(){
$("span").fadeOut()
});
$(".buton2").click(function(){
$("span").fadeIn();
});
.fadeOut(duration);
.fadeOut(complete);
.fadeOut(options);
.fadeOut(easing);
.fadeOut(callback);
fadeIn () yöntemi yavaş yavaş görünür ( solma etkisi ) gizli den seçilen elemanlar için opaklığı , değiştirir.
$(".buton1").click(function(){
$("span").fadeOut()
});
$(".buton2").click(function(){
$("span").fadeIn();
});
.fadeIn(duration);
.fadeIn(complete);
.fadeIn(options);
.fadeIn(easing);
.fadeIn(callback);
.fadeIn(speed);
Klavyeden basılan tuşun numarasını(Key kodunu) verir.
$("input").keydown(function(event){
$("span").html("anahtar: " + event.which);
});
event.which()
Olayın tipini belirtir. (click, hover, gibi)
$("a").on("click dblclick mouseover mouseout",function(event){
$("span").html("Event: " + event.type);
});
event.type()
1 ocak 1970 den bu zamana kaç milisaniye geçtiği bilgisini verir. Ayrıca zaman bilgisi almak için kullanılır. Bir tıklamadan sonra ikinci bir tıklama için kaç saniye geçtiği bilgisini edinebilirsiniz.
$("a").click(function(event){
$("span").text(event.timeStamp);
});
event.timeStamp()
fonksiyonun hangi element üzerinde meydana geldiği bilgisini verir.
$("p, a, h3").click(function(event){
$("div").html("Tetiklenen " + event.target.nodeName + " elementi.");
});
event.target()
Event.stopPropagation () fonksiyonun var olup olmadığını sınar. Yani aynı olaydan birden çok varsa bunların engellenip engellenmediğini kontrol eder.
$("div").click(function(event){
alert("Olay işleyicisi 1");
event.stopImmediatePropagation();
});
$("div").click(function(event){
alert("Olay işleyicisi 2");
});
$("div").click(function(event){
alert("Olay işleyicisi 3");
});
event.stopPropagation ()
Tetiklenen olay işleyicisi tarafından son değeri döndürür.
$("a").click(function(){
return "W3TR";
});
$("a").click(function(event){
$("span").html(event.result);
});
event.result()
Olaya katılan başka DOM elementi varsa, fare fonksiyonda tanımlı olan elementin üzerinden çekildiğinde o elementin ismini verir.
$("div, p").mouseenter(function(event){
$(".w3tr").html("İlgili hedef : " + event.relatedTarget.nodeName);
});
event.relatedTarget()
Bu fonksiyon çalışırsa elementin varsayın değerini engelleniyor olmayacak.
$("a").click(function(event){
event.preventDefault();
});
event.preventDefault()