JQuery AppendTo Veysel Uğur KIZMAZ Javascript 19.10.2011 00:52:50 Hit : 319 Bu makalemizde jQuery ile DOM nesnelerine erişim ve ekleme işlemi için kullanılan append methodunu inceleyeceğiz. Konuyu bir örnekleme ile anlatmak istersek, sayfamda bulunan bir DOM nesnesinin (örn div, p) içindeki yazının sonuna farklı bir şeyler eklemek istiyorum. Örnek uygulamamızda benim ismimin ad kısmı “div” nesnesinde yer almaktadır. jQuery ile adımın yanına soyadımı kalın olarak yazmak istiyorum. <html> <head> <script src="jquery-1.5.1.js"></script> <script> $(document).ready(function(){ $("#btn").click(function(){ $("#tasi").appendTo("#sonuc"); }); }); </script> </head> <body> <div id="sonuc">Veysel Uğur </div> <span id="tasi">Kızmaz</span> <button id="btn">Taşı</button> </body> </html> Örneği inceleyecek olursak, butona tıklanmadan önce “Veysel Uğur “ ve “Kızmaz” metinleri altalta yazılı olacak görünmektedir. Butona tıkladığımızda ise “tasi” span’ı, sonuc “div”inin sonuna gelmektedir. Veysel Uğur KIZMAZ Bilgisayar Mühendisi veysel@ugurkizmaz.com www.ugurkizmaz.com » » » »
