ASP.NET
Network Akademi

Met Hostimg

“Bilgi paylaşıldıkça artar” sloganı ile .NET Platformuna ilişkin birikimlerin paylaşıldığı ASP.NET.TR Topluluğunda sizde “YAZAR” olmak için ; info@asp.net.tr e-mail adresine kendinizi anlatan bir e-mail göndererek başvuruda bulunabilirsiniz.

JQuery Append

Veysel Uğur KIZMAZ
Javascript
19.10.2011 00:49:29
Hit : 384

 

Bu makalemizde jQuery ile DOM nesnelerine erişim ve nesneleri birbirine ekleme işlemi için kullanılan appendTo methodunu inceleyeceğiz.
 
Konuyu bir örnekleme ile anlatmak istersek, sayfamda bulunan bir DOM nesnesinin (örn div, p) içindeki yazının sonuna başka bir nesne eklemek istiyorum.
 
Örnek uygulamamızda benim ismimin ad kısmı “div” nesnesinde yer almaktadır. jQuery ile adımın yanına “span” nesnesindeki soyadımı eklemek istiyorum..
 
<html>
<head>
            <script src="jquery-1.5.1.js"></script>
            <script>
                        $(document).ready(function(){
                                   $("#sonuc").append("<b>Kızmaz</b>");
                        });
            </script>
</head>
<body>
            <div id="sonuc">Veysel Uğur </div>
</body>
</html>
 
Örneği inceleyecek olursak, append methodu ile kalın (<b></b>) “Kızmaz” metni, “Veysel Uğur “dan sonra gelecek ve tüm metin “sonuc” nesnesinde bulunacaktır.
 
 
 
 
 
Veysel Uğur KIZMAZ
 
 
 
 

 


Tag » » » »


BU İÇERİĞE YORUMDA BULUNUN


Bu MAKALE'ye yorum yapabilmek için Üye olmalısınız ...!


BU İÇERİĞE YAPILAN YORUMLAR