Yazılım Örnekleri

jquery text, html, val metodları

text() metodu elementin içeriğindeki html etiketlerine bakmadan, içerisinde bulunan tüm text lere ulaşmamıza ve değiştirmemize yarar.
$("button").click(function(){
    $("p").text("Merhaba Dünya !");
});

html() metodu; text() metodu gibi çalışır. Sadece ek olarak element içindeki texte html kodlarınıda ekleyebilirsiniz.
$("button").click(function(){
    $("p").html("Merhaba <b>Dünya</b>!");
});
Yukardaki örnekte görüldüğü gibi "Dünya" kelimesini kalın yazdık

val() metodu ise elementin value değerine ulaşmamızı ve değiştirmemizi sağlar.
    $("button").click(function(){
        $("input:text").val("Merhaba Dünya!");
    });

Aşağıda text,html ve val metodlarının örnekleri
 
<script>
$(document).ready(function(){
    $("#btn1").click(function(){
        $("#test1").text("Merhaba Dünya!");
    });
    $("#btn2").click(function(){
        $("#test2").html("Merhaba <b> Dünya!</b>");
    });
    $("#btn3").click(function(){
        $("#test3").val("Merhaba Dünya!");
    });
});
</script>
 

<p id="test1">Bu yazı alanı değişecek.</p>
<p id="test2">Bu yazı alanı değişecek.</p> 
<input type="text" id="test3" value="Bu yazı alanı değişecek."> 

<button id="btn1">Text Metodu</button>
<button id="btn2">Html Metodu</button>
<button id="btn3">Val Metodu</button>