Jquery Ders-6 .attr() Kullanımı
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

Jquery Ders-6 .attr() Kullanımı

profil
cArleone
BEĞEN(0)
BEĞENME(0)
GÖRÜNTÜLENME(4867)
RAPOR ET
Jquery serimize devam ediyoruz.Bu derste .attr() methodunu göreceğiz.Öncelikle işlevinden başlayalım.

Attr attributenin kısaltılmışı.Attribute html taglarındaki parametrelere verilen isim.Yani attr methodu ile parametre değerlerini çekebiliriz veya atayabiliriz.

İlk önce değer çekmekle başlayalım.Değeri şu şekilde alıyoruz.
.attr("parametre ismi");

var attr=$(".alan").attr("id");


.alan clasına ait yerin id değerini alıp attr adlı değişkene atadık.

Şimde değer atamaya bakalım.2 şekilde atama yapıyoruz.Biri tek parametre için diğeri çoklu atama için.Tek atamayı şu şekilde yapıyoruz.

.attr("parametre ismi","parametre değeri");

$(".alan").attr("id","cArleone");


Alan clasına ait taga id atadık değeride cArleone yaptık.Çoklu tamayı şu şekilde yapıyoruz.

.attr({parametre ismi:"parametre değeri",parametre ismi:"parametre değeri",...});

var attr=$(".alan").attr({
id:"logo",
name:"cArleone"
});

Bu şekilde de çoklu parametre atamasını yapıyoruz.

Genel örnek :

<!DOCTYPE html>
<html lang="en">
<head>
<title>cArleone</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(function(){
$(".alan").attr({
id:"logo",
name:"cArleone"
});

var id=$(".alan").attr("id");
var name=$(".alan").attr("name");

alert(id);
alert(name);
})
</script>
</head>
<body>

<div class="alan"></div>

</body>
</html>


Burada önce atama yaptık sonra atadıklarımızı çektik.Çıktısı logo ve cArleone oldu.Yani atama başarılı olmuş.



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol