Jquery Ders-4 .html() Kullanımı
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

Jquery Ders-4 .html() Kullanımı

profil
cArleone
BEĞEN(1)
BEĞENME(0)
GÖRÜNTÜLENME(11685)
RAPOR ET
Jquery serimize devam ediyoruz.Bu dersimizde .html() methodunu göreceğiz.Öncelikle html() işlevinden bahsedelim.

Sayfanın her hangi bir yerine html kod veya sayfanın her hangi bir yerin içindeki metni ve html kodlarını alabiliriz.Burda dikkat etmemiz gereken yer kod yerleştirdiğimizde içindeki kodlar gider bizim eklediklerimiz gelir.

1-Sayfaya html kod eklemek
$("body").html("<b>cArleone</b>");

body alanını seçip html methodumuzu verdik.Parentez içine eklenecek methi html taglarıyla beraber yazdık.Kodu denerseniz body de sadece kalın cArleone yazdığını göreceksiniz.

2-Sayfadan html kod almak

var kod=$(".alan").html();
alert(kod)


Çıktısı <b>cArleone</b>.Sayfaya clası alan olan bir div ekleyip <b>cArleone</b> koydum.Jquery ilede alana erişip html methodu ile içeriğinialdım ve değişkene aktardım ve alert ile uyarı verdirdim.

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").html("<b>cArleone</b> <i>32</i>");
var kod=$(".alan").html();
alert(kod)
})
</script>
</head>
<body>

<div class="alan"></div>

</body>
</html>


Görüntüsü :
http://ustaderslik.com/resim/ders/tdhnl.png
Gördüğünüz gibi önce ekleyip sonrada aldık.Eklememiz başarılı olmuş.



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol