jQuery length Özelliği

length Özelliği;

Nesneleri saydırmak sayısını öğrenmek için kullanabiliriz. Mesela bir divin içinde kaç tane span var diye sorduğumuzda bize sayısını geri bildirecektir.

Örnek

$("a").click(function(){
  alert($("li").length);
});

Codepen Ön izleme

Kullanım şekilleri;

length

jQuery jQuery.fx.off Özelliği

 jQuery.fx.off Özelliği;

jQuery.fx.off özelliği tüm animasyonları devre dışı bırakmak için kullanılır.

Örnek

$(".kapat").click(function(){
  jQuery.fx.off = true;
});
$(".ac").click(function(){
  jQuery.fx.off = false;
});
$(".calistir").click(function(){
  $("div").toggle("slow");
});

Codepen Ön izleme

Kullanım şekilleri;

JQuery.fx.off = true-false;

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

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

 

jQuery event.pageY Özelliği

event.pageY Özelliği;

Belgenin üst kenarına göre farenin konumunu verir.

Örnek

$(document).mousemove(function(event){ 
  $("span").text("X: " + event.pageX + ", Y: " + event.pageY); 
});

Codepen Ön izleme

Kullanım şekilleri;

event.pageY

jQuery event.pageX Özelliği

event.pageX Özelliği;

Belgenin sol kenarına göre farenin konumu verir.

Örnek

$(document).mousemove(function(event){ 
  $("span").text("X: " + event.pageX + ", Y: " + event.pageY); 
});

Codepen Ön izleme

Kullanım şekilleri;

event.pageX