Öncelikle merhaba arkadaş. Bu yazımızda JQuery Attributes komutlarından ikincisini incelemeye çalışacağız.
.attr() Komutu
.attr() komutu adından da anlaşılacağı üzere Html taglarının özniteliklerine ulaşmamızı sağlar. Verdiğimiz öznitelik adıyla uyuşan ilk içeriği bize getirir. Hemen örneğimize geçecek olursak
Sayfanın head kısmında sitlimizi tanımlıyoruz ve jquery dosyamızı gösteriyoruz.
<head>
<style type="text/css">
em {
color:blue;
font-weight:bold
}
div
{
color:red;
}
</style>
<script type="text/javascript"
src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
Daha sonra ise hemen body kısmını yazıyoruz.
JQuery ile script yazmak <em title="çok kolay">çok</em> eğlenceli...
em içerisindeki title özniteliği:<div></div>
<script type="text/javascript" language="javascript">
var title = $("em").attr("title");
$("div").text(title);
</script>
Sayfamızı çalıştırdığımız zaman ise aşağıdaki görüntüyü elde etmemiz gerekir.
Bugün kısaca .attr komutunun ne işe yaradağına ve nasıl kullanılması gerektiğine dair küçük bir örnek yaptık. Umarım faydalı olmuştur.Görüşmek üzere.
Örneği buradan indirebilrsiniz.
84e9d8b2-d288-4436-b519-84682de9addb|0|.0
JQuery
jquery, jquery attr, jquery attr komutu, jquery attr örnek