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 )

jQuery remove() Yöntemi

 remove() Yöntemi;

remove() yöntemi seçilen tüm elementleri kaldırmak için kullanılır.

Örnek

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

Codepen Ön izleme

Kullanım şekilleri;

.remove( [selector ] )

jQuery ready() Yöntemi

ready() Yöntemi;

DOM elementleri tam yüklendiğinde bir fonksiyon çalıştırmanızı sağlar.

Örnek

$(document).ready(function(){
    $("a").click(function(){
        $("div").slideToggle();
    });
});

Codepen Ön izleme

Kullanım şekilleri;

.ready( handler )

.ready( function )

jQuery queue() Yöntemi

queue() Yöntemi;

queue() yöntemi fonksiyonlarının hangi sıra ile yürütüleceğini belirlemek için kullanılır.

Örnek

$("a").click(function(){
  var div = $("div");
  div.animate({height: 300}, "slow");
  div.animate({width: 300}, "slow");
  div.animate({height: 100}, "slow");
  div.animate({width: 100}, "slow");

  $("span").text(div.queue().length);   
});

Codepen Ön izleme

Kullanım şekilleri;

.queue ([queuename])

jQuery pushStack() Yöntemi

pushStack() Yöntemi;

pushStack() yöntemi jQuery yığını üzerine yeni öğeler eklemek için kullanılır.

Örnek

jQuery ([])
  .pushStack (document.getElementsByTagName ( "div" ))
  .Kaldır()
  .son();

Kullanım şekilleri;

.pushStack( elements )

.pushStack( elements, name, arguments )

jQuery prop() Yöntemi

prop() Yöntemi;

pervane() yöntemi eşleşen element kümesi için bir veya daha fazla özelliği ayarlamak için kullanılır.

Örnek

$("a").click(function(){
  var w3tr = $("p");
  w3tr.prop("renk", "FFFFFF");
  w3tr.append("renk özelliği: " + w3tr.prop("renk"));
  w3tr.removeProp("renk");
  w3tr.append("<br>Şimdiki renk özelliği: " + w3tr.prop("renk"));
});

Codepen Ön izleme

Kullanım şekilleri;

.prop( propertyName )

.prop( propertyName, value )

.prop( properties )

.prop( propertyName, function )