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ş.