1. 程式人生 > >jQuery 中 val() text() html() 的區別

jQuery 中 val() text() html() 的區別

val()     獲得匹配元素的當前值。括號裡如果有引數則是設定值。

text()    用於獲取元素中的內容。

html()   也可以用來獲取任意一個元素的內容。

<body>
<span>歡迎</span>
<script>
    alert("text()獲得:"+$("span").text())
    alert("html()獲得: "+$("span").html())
</script>
</body>

 要說text()和html() 的區別就要從設定引數說了上面說了。

<body>
<span>歡迎</span>
<script>
    //text設定引數時,只把引數當成文字內容設定上去
    $("span").text("<b>text</b>")
</script>
<BR>
<span>歡迎</span>
<script>
    //html設定引數時,把引數當成被選元素的內容設定上
    $("span:last").html("<b>html</b>")
</script>
</body>