Web Programlama

Web Programlama

DERS PROGRAMI
Web Programlama 302 Ders Programı
Sınava Gir

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

Lisans: Creative Commons 26.11.2020 tarihinde güncellendi
Bakabileceğiniz Etiketler: Eğitmen: Geleceği Yazanlar Ekibi

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.

Sınava Gir