jQuery fadeToggle() Yöntemi

fadeToggle() Yöntemi;

fadeToggle() yöntemi fadeIn( ) ve fadeout() yöntemleri arasında geçiş yapar.

Örnek

$("a").click(function(){
  $("span").fadeToggle();
});

Codepen Ön izleme

Kullanım şekilleri;

.fadeToggle(duration);

.fadeToggle(complete);

.fadeToggle(options);

.fadeToggle(easing);

.fadeToggle(callback);

.fadeToggle(speed);

jQuery fadeTo() Yöntemi

fadeTo() Yöntemi;

fadeTo() yönteminde giderek belirli bir donukluk ( solma etkisi ) için , seçilen elementler için opaklığı değiştirir.

Örnek

$("a").click(function(){
  $("span").fadeTo(500, 0.3);
});

Codepen Ön izleme

Kullanım şekilleri;

.fadeTo(duration);

.fadeTo(complete);

.fadeTo(options);

.fadeTo(easing);

.fadeTo(callback);

.fadeTo(speed);

.fadeTo(opacity);

jQuery fadeOut() Yöntemi

fadeOut() Yöntemi;

FadeOut() yöntemi yavaş yavaş görünür (solma etkisi) seçilen elementlerin için opaklığı değiştirir.

Örnek

$(".buton1").click(function(){
  $("span").fadeOut()
});
$(".buton2").click(function(){
  $("span").fadeIn();
});

Codepen Ön izleme

Kullanım şekilleri;

.fadeOut(duration);

.fadeOut(complete);

.fadeOut(options);

.fadeOut(easing);

.fadeOut(callback);

jQuery fadeIn() Yöntemi

fadeIn() Yöntemi;

fadeIn () yöntemi yavaş yavaş görünür ( solma etkisi ) gizli den seçilen elemanlar için opaklığı , değiştirir.

Örnek

$(".buton1").click(function(){
  $("span").fadeOut()
});
$(".buton2").click(function(){
  $("span").fadeIn();
});

Codepen Ön izleme

Kullanım şekilleri;

.fadeIn(duration);

.fadeIn(complete);

.fadeIn(options);

.fadeIn(easing);

.fadeIn(callback);

.fadeIn(speed);

jQuery event.which Özelliği

event.which Özelliği;

Klavyeden basılan tuşun numarasını(Key kodunu) verir.

Örnek

$("input").keydown(function(event){ 
  $("span").html("anahtar: " + event.which);
});

Codepen Ön izleme

Kullanım şekilleri;

event.which()

jQuery event.type Özelliği

event.type Özelliği;

Olayın tipini belirtir. (click, hover, gibi)

Örnek

$("a").on("click dblclick mouseover mouseout",function(event){
  $("span").html("Event: " + event.type);
});

Codepen Ön izleme

Kullanım şekilleri;

event.type()

jQuery event.timeStamp Özelliği

event.timeStamp Özelliği;

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.

Örnek

$("a").click(function(event){
  $("span").text(event.timeStamp);
});

Codepen Ön izleme

Kullanım şekilleri;

event.timeStamp()

jQuery event.target Özelliği

event.target Özelliği;

fonksiyonun hangi element üzerinde meydana geldiği bilgisini verir.

Örnek

$("p, a, h3").click(function(event){
  $("div").html("Tetiklenen " + event.target.nodeName + " elementi.");
});

Codepen Ön izleme

Kullanım şekilleri;

event.target()

jQuery event.stopImmediatePropagation() Yöntemi

event.stopImmediatePropagation() Yöntemi;

Event.stopPropagation () fonksiyonun var olup olmadığını sınar. Yani aynı olaydan birden çok varsa bunların engellenip engellenmediğini kontrol eder.

Örnek

$("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");
});

Codepen Ön izleme

Kullanım şekilleri;

event.stopPropagation ()

jQuery event.result Özelliği

event.result Özelliği;

Tetiklenen olay işleyicisi tarafından son değeri döndürür.

Örnek

$("a").click(function(){
  return "W3TR";
});
$("a").click(function(event){
  $("span").html(event.result);
});

Codepen Ön izleme

Kullanım şekilleri;

event.result()