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);

Posted on by Samed GÖZÜTOK 0

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()

Posted on by Samed GÖZÜTOK 0

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()

Posted on by Samed GÖZÜTOK 0

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()

Posted on by Samed GÖZÜTOK 0

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()

Posted on by Samed GÖZÜTOK 0

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 ()

Posted on by Samed GÖZÜTOK 0

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()

Posted on by Samed GÖZÜTOK 0

jQuery event.relatedTarget Özelliği

event.relatedTarget Özelliği;

Olaya katılan başka DOM elementi varsa, fare fonksiyonda tanımlı olan elementin üzerinden çekildiğinde o elementin ismini verir.

Örnek

$("div, p").mouseenter(function(event){
  $(".w3tr").html("İlgili hedef : " + event.relatedTarget.nodeName);
});

Codepen Ön izleme

Kullanım şekilleri;

event.relatedTarget()

 

Posted on by Samed GÖZÜTOK 0