Bazen mevcut olan yapı ile çalışmak yerine Jquery içinde çalışmak isteyebiliriz. Sayfanıza bir metin liste div tablo başlık vb şeyleri eklemek için kullanabilirsiniz. Olay oldukça basit olmakla birlikte vereceğim örnek şu şekildedir: HTML yapısında bir genel divimiz olacak ve bu genel divini Jquery’nin $() parametresi ile seçtikten sonra .html() metodu ile içine yeni taglar ekleyeceğiz. Şimdi genel yapımız olan genel ID’sine sahip divimizi oluşturalım:



Ve şimdide bu oluşturduğumuz genel divini Jquery’de seçelim:





<script>
$function(){
#('#genel')
})
</script>

Seçtiğimiz genel ID’sine sahip bu dive h2 etiketleri arasında bir başlık yazısı yazalım:





<script>
$function(){
#('#genel').html($('

Başlık

'));
})
</script>

Yukarıdaki kodu çalıştırdığımızda:

Başlık

Bu şekilde bir görünüme sahip olacaktır.
Ayrıca .html yapısı içinde tekrar $() yapısı oluşturmak zorunda değilsiniz. Aynı yapıyı





<script>
$function(){
#('#genel').html('

Başlık

');
})
</script>

Bu şekildede oluşturabilirsiniz.


Kaynak:http://yusufberki.com/jquery-icinde-html-kodlari-kullanmak/