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

jQuery serializeArray() Yöntemi

serializeArray() Yöntemi;

serializeArray() yöntemi serialize formu değerlerine göre nesneler dizisi (ad ve değer) oluşturur. form elementinin kendisi (input ve / veya textarea gibi) bir veya birden fazla form elementlerini seçebilirsiniz.

Örnek

$("a").click(function(){
  var b = $("input").serializeArray();
  $.each(b, function(i, w3tr){
    $("p").append(w3tr.name + ":" + w3tr.value + " ");
  });
});

Codepen Ön izleme

Kullanım şekilleri;

.serializeArray()

jQuery serialize() Yöntemi

serialize() Yöntemi;

serialize() yöntemi form değerleri bir URL olarak kodlanmış bir metin dizesi oluşturur. form elemanın kendisi (input ve / veya textarea gibi) bir veya birden fazla form elementini seçebilirsiniz. Ajax isteğini sunucuya göndermeden önce sorgu dizesi oluşturur.

Örnek

$("a").click(function(){
  $("p").text($("input").serialize());
});

Codepen Ön izleme

Kullanım şekilleri;

.serialize()

JQuery select() Yöntemi

select() Yöntemi;

Seçme işlemi için bir BİND olayını tetikler. Seçme işlemine bir fonksiyon oluşturabilirsiniz.

Örnek

$( "input" ).select(function() {
  $( "div" ).text( "Seçildi" ).show().fadeOut( 1000 );
});

Codepen Ön izleme

Kullanım şekilleri;

.select( handler )

.select( [eventData ], handler )

.select()