Jquery中val、text、html的区别
2012-02-01 14:33
567 查看
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>
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>
相关文章推荐
- jQuery中的html()和val()和text()的区别
- JQuery获得内容 - text()、html() 以及 val()的区别
- jquery中val,text,html,attr的区别
- 浅析JQuery中的html(),text(),val()区别
- JQuery中的html(),text(),val()区别
- jquery中,html、val与text三者属性取值的联系与区别
- JQuery 常见方法 VAL () HTML() TEXT() 以及HTML和TEXT的区别
- JQuery中的html()、text()、val()区别示例介绍
- 关于jquery中html()、text()、val()的区别
- jQuery -html(),text(),val()区别
- 关于jquery中html()、text()、val()的区别
- jQuery获取文本节点之 text()/val()/html() 方法区别
- 关于jquery中html()、text()、val()的区别
- 实例说明jquery中html()、text()、val()方法的区别
- JQuery中的html(),text(),val()区别
- 关于jquery的html() val() text()区别用法
- jquery 中,html、val与text三者属性取值的联系与区别
- 关于jquery中html()、text()、val()的区别
- jQuery中html()/text()/val()函数的区别
- JQuery中的html(),text(),val()区别