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

jQuery siblings() Yöntemi

siblings() Yöntemi;

siblings() yöntemi, seçilen elementlerin tüm kardeş elementlerini döndürür.

Örnek

$("li.w3tr").siblings().css({"color": "blue", "border": "3px solid yellow"});

Codepen Ön izleme

Kullanım şekilleri;

.siblings( [selector ] )

.siblings (filter)

jQuery show() Yöntemi

show() Yöntemi;

show() yöntemi gizlenen öğeleri göstermek için kullanılır.

Örnek

$(".gizle").click(function(){
  $("p").hide();
});
$(".goster").click(function(){
  $("p").show();
});

Codepen Ön izleme

Kullanım şekilleri;

.show()

.show(speed)

.show(callback)

.show( [duration ] [, complete ] )

.show( options )

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