302: JQueryBaşlangıç seviyesi derslerde Web Programlama uygulama geliştirme ortamını detaylı olarak inceliyoruz.

Tüm Eğitimleri Aldın mı? Kendini sınamanın tam zamanı

Haydi Sınava Gir

attr() Fonksiyonu için Geriçağırma Fonksiyonu

Kategori : Mobil | Lisans : Creative Commons (by-nc-sa) | En son 12.09.2019 tarihinde güncellendi
Eğitmen : Geleceği Yazanlar Ekibi
Etiketler : web-programlama

jQuery'nin attr() fonksiyonu bir geriçağırma fonksiyonuyla da kullanılabilir. Geriçağırma fonksiyonunun iki parametresi vardır:

  • Seçilen eleman listesinde o andaki aktif elemanın indisi
  • Özgün (eski) değer

Fonksiyonun gönderdiği değeri yeni vasıf (attribute) değeri olarak kullanabilirsiniz.

$("button").click(function(){
   $("#gy").attr("href", function(i,origValue){
               return origValue + "/konu/android";
   });
});

Birazdan göreceğiniz HTML5 kodunda attr() ve geriçağırma fonksiyonları kullanılıyor:

<!DOCTYPE html>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script>
            $(document).ready(function(){
                              $("button").click(function(){
                                                $("#gy").attr("href", function(i,origValue){
                                                               return origValue + "/konu/android";

                                                               });
                                                });
                              });
            </script>
    </head>
 
    <body>
        <a id="gy" href="https://gelecegiyazanlar.turkcell.com.tr">Geleceği Yazanlar</a>
        <button>href DEGERINI DEGISTIR</button>
</body>
</html>

Burada sayfadaki açıklamaya göre hareket ederseniz href değerinin aşağıda görüldüğü gibi,

https://gelecegiyazanlar.turkcell.com.tr/konu/android

şeklinde değiştirildiğini göreceksiniz.