Jquery中val、text、html的區別

標籤：c   blog   ext   http   a   com   

html就是你可以添加像<a></a>、<p></p>等標記
text只能寫文本如果寫了上面的標記則會以文本形式輸出
val是屬性，只有有該屬性的對象才能調用

html(), 相當於 innerHTML
text(), 相當於 innerTEXT
val() 只有有value屬性的才能取到值

1、<input type=‘text‘ value=‘xxx‘ id=‘inputVal‘/> 這個就需要用 val()，只有當標籤中有value屬性時才能使用這個方法。例：$("inputVal").val("Hello Word!!!");既可以為文字框賦值：Hello Word！！！；$("inputVal").val();既可以獲得這個文字框的value屬性值：xxx。

2、<div id=‘divText‘>div元素><span>你好</span></div >這個就用 text()。例：$("divText").text();就可以得到：div元素你好；$("divText").text("Hello Word!!!");這時就可以將其代碼修改為：<div id=‘divText‘>Hello Word!!!</div >

3、<div id="divHtml"><p>您好！</p></div> 這個就用html()。例：$("#divHtml").html();可以得到：<p>您好！</p>；$("#divHtml").html("<span>Hello Word!!!</span>");這時就可以得到代碼：、<div id="divHtml"><span>Hello Word!!!</span></div>

本文出自 “毛毛蟲的夢” 部落格，請務必保留此出處http://4363738.blog.51cto.com/4353738/770456