Jquery text kullanımı

Sezai AlkanFrontend Developer

Jquery #jquery #text

Jquery de text() fonksiyonu ile nesnelerin içeriğini değiştirebilir, nesnelere içerik ekleyebiliriz. Fakat nesnelere içerik ekleme işlemi yaparken nesne içeriğinde var olan bir veri var ise bu veriyi silecektir ve kendi içerisindeki veriyi yazacaktır.

Text fonksiyonu ile sadece nesne içerisine veri ekleme değil nesne içerisindeki veriyide elde edebiliriz

Nesne içerisine veri yazma

<p> </p>

<script type="text/javascript">
    $(document).ready(function(){
        $('p').text("Ali Ata Bak");
    });
</script>

Yukarıdaki bir p etiketi var olsun ve bu etiket içerisine text() fonksiyonu kullanarak veri ekleyelim. Fonksiyon içerisinde belirttiğimiz veriyi sayfa yüklendikten sonra etiket içerisine yazacaktır.

Nesnedeki veriyi çekme

<p> Ali Ata Bak </p>

<script type="text/javascript">
    $(document).ready(function(){
        alert($('p').text());
    });
</script>

Yukarıdaki örnekte ise alert ile p etiketi içerisindeki veriyi text() fonksiyonunu kullanarak kullanıcıya uyarı ekranı olarak veriyoruz.