jQuery toggle() Yöntemi

toggle() Yöntemi;

toggle() yöntemi seçilmiş elementler için hide() ve show() yöntemleri arasında geçiş yapar. Bir element gizli ise show() çalışır görünür ise hide() çalışır.

Örnek

$("a").click(function(){
  $("p").toggle();
});

Codepen Ön izleme

Kullanım şekilleri;

.toggle( [duration ] [, complete ] )

.toggle( options )

.toggle( duration [, easing ] [, complete ] )

.toggle( display )

.toggle( speed )

.toggle( callback )

jQuery toArray() Yöntemi

toArray() Yöntemi;

toArray() yöntemi bir dizi olarak JQuery elementi tarafından eşleştiği elementi seçer.

Örnek

$("a").click(function(){
  var i ;
  var w3tr = $("li").toArray()
  for (i = 0; i< w3tr.length; i++) {
    alert(w3tr[i].innerHTML);
  }
});

Codepen Ön izleme

Kullanım şekilleri;

.toArray()

jQuery text() Yöntemi

text() Yöntemi;

text() yöntemi eşleştiği elementlerin metin içeriğini almak veya onları değiştirmek için kullanılır.

Örnek

$("a").click(function(){
  $("span").text("HOŞGELDİNİZ");
});

Codepen Ön izleme

Kullanım şekilleri;

.text()

.text(content)

.text( text )

.text( function )

jQuery submit() Yöntemi

submit() Yöntemi;

submit() metodu göndermek olayını tetikler, ya da bir gönderme olayı meydana geldiğinde çalıştırmak için bir işlev eklemek için kullanılır. Bir form gönderildiğinde submit() olayı oluşur. submit() olayı sadece form elementleri için kullanılır.

Örnek

$("form").submit(function(){
  alert("Gönderildi");
});

Codepen Ön izleme

Kullanım şekilleri;

.submit( handler )

.submit( [eventData ], handler )

.submit()

.submit(function)

jQuery stop() Yöntemi

stop() Yöntemi;

Eşleştiği elementin o an çalışan animasyonunu durdurmak için kullanılır.

Örnek

$(".baslat").click(function(){
  $("div").animate({height: 400}, 2000);
});
$(".durdur").click(function(){
  $("div").stop();
});

Codepen Ön izleme

Kullanım şekilleri;

.stop( [clearQueue ] [, jumpToEnd ] )

.stop( stopAll )

.stop( goToEnd )

.stop( [queue ] [, clearQueue ] [, jumpToEnd ] )

jQuery slideUp() Yöntemi

slideUp() Yöntemi;

slideUp() yöntemi eşleşen elementleri aşağıdan yukarıya doğru kapatır.

Örnek

$("a").click(function(){
  $("p").slideUp();
});

Codepen Ön izleme

Kullanım şekilleri;

.slideUp( [duration ] [, complete ] )

.slideUp( options )

.slideUp( speed )

.slideUp( callback )

.slideUp( [duration ] [, easing ] [, complete ] )

jQuery slideToggle() Yöntemi

slideToggle() Yöntemi;

slideToggle() yöntemi seçilmiş element için slideUp() ve slideDown() arasında geçiş yapar.

Örnek

$("a").click(function(){
  $("p").slideToggle();
});

Codepen Ön izleme

Kullanım şekilleri;

.slideDown( [duration ] [, complete ] )

.slideDown( options )

.slideDown( speed )

.slideDown( callback )

.slideDown( [duration ] [, easing ] [, complete ] )

jQuery slideDown() Yöntemi

slideDown() Yöntemi;

slideDown() yöntemi eşleşen elementleri yukardan aşağıya doğru açar.

Örnek

$("a").click(function(){
  $("p").slideDown();
});

Codepen Ön izleme

Kullanım şekilleri;

.slideDown( [duration ] [, complete ] )

.slideDown( options )

.slideDown( speed )

.slideDown( callback )

.slideDown( [duration ] [, easing ] [, complete ] )

jQuery slice() Yöntemi

slice() Yöntemi;

slice() yöntemi kendi endeksine dayalı elementlerin bir alt kümesini seçer.

Örnek

$("li").slice(1).css("background-color", "red");

Codepen Ön izleme

Kullanım şekilleri;

.slice( start [, end ] )

jQuery size() Yöntemi

size() Yöntemi;

size() yöntemi eşleşen elementin sayısını öğrenmek için kullanılır.

Not: Bu yöntem jQuery 1.8′ de kaldırıldı.Bunun yerine lenght yöntemini kullanabilirsiniz.

Örnek

$("a").click(function(){
  alert($("p").size());
});

Codepen Ön izleme

Kullanım şekilleri;

.size()