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 )

jQuery removeData() Yöntemi

removeData() Yöntemi;

removeData() yöntemi daha önce data() yöntemi ile belirlenen verileri kaldırmak için kullanılır.

Örnek

$(".data").click(function(){
  $("div").data("selamlama", "W3TR'YE HOŞGELDİNİZ");
  alert("selamlama: " + $("div").data("selamlama"));
});
$(".removeData").click(function(){
  $("div").removeData("selamlama");
  alert("selamlama: " + $("div").data("selamlama"));
});

Codepen Ön izleme

Kullanım şekilleri;

.removeData( [name ] )

.removeData( [list ] )

jQuery removeClass() Yöntemi

removeClass() Yöntemi;

Eşleşen elementlerin istediğimiz class’ını kaldırmak için kullanılır.

Örnek

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

Codepen Ön izleme

Kullanım şekilleri;

.removeClass( [className ] )

.removeClass( function )

jQuery removeAttr() Yöntemi

removeAttr() Yöntemi;

Eşleşen elementlerin istediğiniz attribute’ unu silmek için kullanılır.

Örnek

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

Codepen Ön izleme

Kullanım şekilleri;

.removeAttr( attributeName )