Vasıf (Attribute) Atama - attr() Metodu
Vasıf (Attribute) Atama - attr() Metodu
jQuery attr() metodu HTML elemanlarının vasıflarına atama yapmak ya da değerlerini değiştirmek için kullanılır. Aşağıdaki örnek, href özelliğinin bir bağlantıdaki değerinin bu yolla nasıl değiştirileceğini gösteriyor:
$("button").click(function(){
$("#gy").attr("href","http://www.gelecegiyazanlar.org");
});
attr() metodu çok sayıda vasıf değerini aynı anda atamanızı da sağlar. Aşağıdaki örnek href ve title vasıflarının aynı anda nasıl atanacağını gösteriyor:
$("button").click(function(){
$("#gy").attr({
"href" : "http://www.gelecegiyazanlar.org",
"title" : "GELECEGI YAZANLAR"
});
});
attr() Fonksiyonu için Geriçağırma Fonksiyonu
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:
<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.
Yorumlar
Yorum Gönder