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 )

jQuery replaceAll() Yöntemi

replaceAll() Yöntemi;

replaceAll() yöntemi yeni bir HTML elementi ile seçilen elementi değiştirmek için kullanılır.

Örnek

$("a").click(function(){
  $("<p>W3TR</p>").replaceAll("span");
});

Codepen Ön izleme

Kullanım şekilleri;

.replaceAll( target )

.replaceAll( content )

.replaceAll( selector )

jQuery removeProp() Yöntemi

removeProp() Yöntemi;

removeProp yöntemi() , prop() yöntemi ile verilen özelliği kaldırmak için kullanılır.

Örnek

$("a").click(function(){
  var w3tr = $("p");
  w3tr.prop("renk", "FFFFFF");
  w3tr.append("Renk özelliği bu değere sahip: " + w3tr.prop("renk"));
  w3tr.removeProp("renk");
  w3tr.append("<br>Renk özelliği şimdide bu değere sahip: " + w3tr.prop("renk"));
});

Codepen Ön izleme

Kullanım şekilleri;

.removeProp( propertyName )