Click() metodu

Mouse ile istenilen yere tıklandığı an işlem yapılır.
$(document).ready(function() {
$(document).click(function(){
  alert("Merhaba");
});
});
dblclick() metodu
Mouse ile istenilen yere çift tıklandığında işlem yapılır.

$(document).dblclick(function(){
  alert("Merhaba");
});


event.pageX ve event.pageY metodları
Mouse’u ekranda gezdirdiğimizde, imlecin koordinatlarını verir.

$(document).ready(function() {
$(document).mousemove(function(event){
$("body").text(event.pageX + event.pageY);
});
});


focusin() ve focusout() metodları
Belirlenen input’a odaklandığımızda ve geri çekildiğimizde işlem yapılır.

$(document).ready(function(){
  $("input").focusin(function(){
    $(this).css("background-color","red");
  });
  $("input").focusout(function(){
    $(this).css("background-color","white");
  });
});


keydown() ve keyup metodları
Klavyeye her tıkladığımızda keydown(), parmağımızı tuştan geri çektiğimizde ise keyup() metodu işlem yapar.

$(document).ready(function(){
  $("input").keydown(function(){
    $("input").css("background-color","yellow");
  });
  $("input").keyup(function(){
    $("input").css("background-color","white");
  });
});


load() metodu
Belirlenen nesne yüklenirken işlem yapılır.

$(document).ready(function(){
  $("iframe").load(function(){
    alert("Tamamdır.");
  });
});


mousedown() ve mouseup() metodları
Mouse’un tuşuna tıkladığımızda mousedown(), geri çektiğimizde ise mouseup() metodu işlem yapar.

$(document).ready(function(){
  $("p").mouseup(function(){
    $(this).text("Tıkladın.");
  });
  $("p").mousedown(function(){
    $(this).text("Geri çektin.");
  });
 });


one() metodu
Belirlenen işlem, sayfa yüklendikten sonra sadece 1 kez yapılabilir.

$(document).one("click",function(){
  $("body").text("Tıkladın.");
});


resize() metodu
Geçerli pencerenin boyutu değiştirildiğinde işlem yapılır.

$(document).ready(function(){
  $(window).resize(function(){
    $("body").text("Pencere boyutu değiştirildi.");
  });
});


scroll() metodu
Yandaki scroll bar her hareket ettiğinde işlem yapılır.
var sayi = 0;
$(document).ready(function(){
  $("body").scroll(function(){
    $("body").text(sayi+=1);
  });
});
submit() metodu
Belirlenen form gönderildiğinde işlem yapılır.

$(document).ready(function(){
  $("form").submit(function(){
    alert("Gönderildi.");
  });
});


animate() metodu
Nesneye belirlenen efektler uygulanır.
  (Yükseklik, genişlik, margin vb.)
$(document).ready(function() {
  $("body").click(function(){
    $("div").animate({height:"250px"});
  });
});


delay() metodu
Yapılacak işlem, istenilen süre kadar bekletilip yapılır.
$(document).ready(function(){
  $(document).click(function(){
    $("p").hide();
    $("p").delay(1000).fadeIn();
  });
});


fadeIn() ve fadeOut() metodları
fadeIn(), nesneyi efektli bir şekilde gösterir, fadeOut() ise aynı şekilde gizler.

$("secilennesne").fadeIn(hız);
$("secilennesne").fadeOut(hız);

$(document).ready(function(){
  $("#gizle").click(function(){
    $("p").fadeOut(1000)
  });
  $("#goster").click(function(){
    $("p").fadeIn(1000);
  });
});


show() ve hide() metodları
Seçilen nesneyi gizler veya gösterirler. fadeIn() ve fadeOut()’dan farkı ise hız parametresi girilmemesidir.
$(document).ready(function(){
  $("#gizle").click(function(){
    $("p").hide()
  });
  $("#goster").click(function(){
    $("p").show();
  });
});
stop() metodu
Seçilen nesnede, eğer bir işlem yapılıyorsa bu işlemi durdurur.
$(document).ready(function(){
    $("div").animate({height:300},3000);
    $("div").animate({width:300},3000);
  $(document).click(function(){
    $("div").stop();
  });
});


toggle() metodu
hide() ve show() metodlarını, tek işlem ile gerçekleştirir. 1. tıklamada nesne gizleniyorsa, 2. tıklamada nesne gösterilir.
$(document).ready(function(){
  $("body").click(function(){
    $("p").toggle();
  });
});
attr() metodu
Seçilen nesneye, belirlenen özelliği aktarmayı sağlar.
(Örneğin; Disabled, width, height)
$(document).ready(function(){
  $("bodyn").click(function(){
    $("button").attr("disabled",true);
  });
});
html() ve text() metodları
Belirlenen nesneye, html kodu veya yazı aktarılmasını sağlar.
$(document).ready(function(){
  $("body").click(function(){
    $("#div1").html("<b>Merhaba</b>");
    $("#div2").text("Merhaba")
  });
});
after() metodu
Belirlenen nesnenin altına, belirlenen yazı veya kodları aktarır. Aktarılan bir önceki yazı ise silinmez.
$(document).ready(function(){
  $("body").click(function(){
    $("p").after("Merhaba<br>");
  });
});
css() metodu
Belirlenen nesnenin, css özelliklerini değiştirir.
$(document).ready(function(){
  $("body").click(function(){
    $("p").css("font-size","16px");
  });
});
ajaxStart() ve ajaxStop() metodları
Herhangi bir ajax işlemi başladığında ajaxStart(), işlem bittiğinde ise, ajaxStop() metodu işlem yapar.
$(document).ready(function() {
  $(document).ajaxStart(function() {
    $("p").text("Ajax işlemi başladı.");
  })
  $(document).ajaxStop(function() {
    $("p").text("Ajax işlemi bitti.");
  })
})