Jquery Metodları

Herkese merhabalar, bu yazımda sizlere JQuery methodlarını göstereceğim. Hemen geçelim.

Click() methodu

Click methodu istenilen yere tıklandığında işleme geçer.

$("body").click(function(){
alert("tıkladınız!");
});

Show() ve Hide()

Hide() methodu belirtilen öğeyi gizler, show() methodu belirtilen öğeyi gösterir.

$("button").click(function(){
$("div").hide();
});

FadeIn() ve FadeOut()

FadeIn() ve FadeOut() methodları aynı show ve hide gibi belirtilen nesneyi gizler ve gösterir ama tek farkı show ve hide düz bir şekilde gizlerken FadeIn() ve FadeOut() efektli bir şekilde gizler/gösterir. Ayrıca methoddan sonra ki parantezler arasına efekt hızı yazılır.

$("button").click

(function(){
$("div").fadeOut(1000) //hız
});
$("button").click(function(){
$("div").fadeIn(1000) //hız
});
/* burada bir button ve bir div oluşturduk
 buttona tıklayınca div efektli bir şekilde
 gizlenip/gösteriliyor. */ 

mouseDown() ve mouseUp() methodları

Mousedown() methodu mouse tıklanınca işlem yapar, mouseUp() methodu ise tıklandıktan sonra işlem yapar.

$("body").mouseDown(function(){
alert("tıkladınız");
});

$("body").mouseUp(function(){
alert("kaldırdınız!");
});

Toogle() methodu

toggle() methodu hide ve show işlemlerini tek bir işlemle gerçekleştirir.

• 1. Tıklamada nesne gizlenir.
• 2. Tıklamada nesne gösterilir.

$("button").click(function(){
$("div").toggle();
})

After() methodu

After() methodu belirtilen nesnenin sonuna bir yazı ve ya HTML kodu ekler.

$("body").click(function(){
$("div").after("<div>Enes Kasapoğlu</div>")
});

Attr() methodu

Attr() methodu seçilen nesneye belirlenen özelliği sağlar(width,height vs.).

$("button").click(function(){
$("input").attr("value","Enes Kasapoğlu");
});

Delay() methodu

Delay methodu yapılacak işlemi belirlenen süre kadar bekletip yapar.

$("button").click(function(){
 $(".div").delay(1000).hide();
});

animate() methodu

Animate methodu seçilen nesneye efekt(CSS) uygular.

$("div").animate({
  width:"50px";
});

CSS methodu

CSS methodu seçilen nesnenin CSS özelliklerini değiştirmeye yarar.

$("div").css("background-color","#222222");

Jquery methodlarımız bunlarla sınırlı değil daha nice nice methodlar var ama temel olarak bunları öğrenmeniz daha iyi olur diye düşündüm.