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.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.preventDefault() Yöntemi

event.preventDefault() Yöntemi;

Bu fonksiyon çalışırsa elementin varsayın değerini engelleniyor olmayacak.

Örnek

$("a").click(function(event){
  event.preventDefault();
});

Codepen Ön izleme

Kullanım şekilleri;

event.preventDefault()

jQuery event.isImmediatePropagationStopped() Yöntemi

event.isImmediatePropagationStopped() Yöntemi;

İç içe olan elementlerde aynı olan olayın bir üstteki elemente yayılmasının engellenip engellenmediğini sorgular.

Örnek

$("a").click(function(event){
  event.stopImmediatePropagation();
  alert(event.isImmediatePropagationStopped());
});

Codepen Ön izleme

Kullanım şekilleri;

event.isImmediatePropagationStopped()

jQuery event.isDefaultPrevented() Yöntemi

event.isDefaultPrevented() Yöntemi;

Element üzerine belirlenen eylemin engellenip engellenmediğini sorgulamamızı sağlar.

Örnek

$("a").click(function(event){
  event.preventDefault();
  alert( event.isDefaultPrevented());
});

Codepen Ön izleme

Kullanım şekilleri;

event.isDefaultPrevented()

jQuery error() Yöntemi

error() Yöntemi;

Java scripte hata olayı için bir görev tanımlayabilirsiniz.

Örnek

$("img").error(function(){
  $("img").replaceWith("<p>Resim yüklenirken hata oluştu !</p>");
});
$("a").click(function(){
  $("img").error();
});

Codepen Ön izleme

Kullanım şekilleri;

.error( handler )
.error( [eventData ], handler )

jQuery eq() Yöntemi

eq() Yöntemi;

Belirtilen elementin bulunduğu gruptaki index(sıra) numarasını belirler.

Örnek

$("span").eq(0).css("color", "red");

Codepen Ön izleme

Kullanım şekilleri;

.eq( index )
.eq( indexFromEnd )

jQuery end( ) Yöntemi

end() Yöntemi;

Belirtilen elemente yapılan en son filtreleme işlemini iptal eder.

Örnek

$("p").find("span").end().css("border", "2px blue solid");

Codepen Ön izleme

Kullanım şekilleri;

.end()

jQuery empty() Yöntemi

empty() Yöntemi;

Eşleşen unsurların alt elemanlarını temizler. Örneğin butonların veya paragraf elemenrlerinin yazılarını silmek için kullanabilirsiniz.

Örnek

$("a").click(function(){
  $("div").empty();
});

Codepen Ön izleme

Kullanım şekilleri;

.empty()

jQuery each() Yöntemi

each() Yöntemi;

Her eşleşen öğe için fonksiyonu tekrar işleme geçirir. .each () yöntemi, DOM  yapılarını daha az hatalı eğilimli hale getirmek için tasarlanmıştır. Each her çalıştığında 0’dan başlayarak geçerli döngü tüm seçili elemanlar için tekrarlanır.

Örnek

$("a").click(function(){
  $("li").each(function(){
    alert($(this).text())
  });
});

Codepen Ön izleme

Kullanım şekilleri;

.each( function )