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

jQuery scrollTop() Yöntemi

scrollTop() Yöntemi;

Eşleştiği elementin dikey scroll konumu almak için veya dikey scroll konumunu ayarlamak için kullanılır.

Örnek

$("a").click(function(){
  alert($("div").scrollTop() + " px");
});

Codepen Ön izleme

Kullanım şekilleri;

.scrollTop(position)

.scrollTop()

.scrollTop ( value )

jQuery scrollLeft() Yöntemi

scrollLeft() Yöntemi;

Eşleştiği elementin yatay scroll konumu almak için veya yatay scroll konumunu ayarlamak için kullanılır.

Örnek

$("a").click(function(){
  alert($("div").scrollLeft() + " px");
});

Codepen Ön izleme

Kullanım şekilleri;

.scrollLeft(position)

.scrollLeft()

.scrollLeft( value )

jQuery scroll() Yöntemi

scroll() Yöntemi;

scroll() yöntemi kaydırma olayını tetikler, ya da bir kaydırma olayı oluştuğunda çalıştırılacak bir işlev eklemek için kullanılır. scroll olay tüm kaydırılabilir elementler ve pencere nesnesi (tarayıcı penceresi) için çalışır.

Örnek

w3tr = 0;
$("div").scroll(function(){
  $("strong").text( w3tr+= 1);
});

Codepen Ön izleme

Kullanım şekilleri;

.scroll( handler )

.scroll( [eventData ], handler )

.scroll(function)

.scroll()

jQuery resize() Yöntemi

resize() Yöntemi;

tarayıcı penceresi boyutunu değiştirdiğinde resize olayı oluşur. resize olayı gerçekleştiğinde çalıştırılacak bir işlev eklemek için kullanılır.

Örnek

w3tr = 0;
$(window).resize(function(){
  $("strong").text(w3tr += 1);
});

Codepen Ön izleme

Kullanım şekilleri;

.resize( handler )

.resize( [eventData ], handler )

.resize()

.resize(function)

jQuery replaceWith() Yöntemi

replaceWith() Yöntemi;

Sağlanan yeni içerik ile eşleştiği element kümesindeki her elementi değiştirmek için kullanılır.

Örnek

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

Codepen Ön izleme

Kullanım şekilleri;

.replaceWith( newContent )

.replaceWith( function )