Jquery中val、text、html的区别
2014-05-23 13:38
197 查看
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>
本文出自 “毛毛虫的梦” 博客,请务必保留此出处/article/4356298.html
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>
本文出自 “毛毛虫的梦” 博客,请务必保留此出处/article/4356298.html
相关文章推荐
- JQuery中的html(),text(),val()区别
- jquery中html,text,val的区别
- jquery 中,html、val与text三者属性取值的联系与区别
- jquery中,html、val与text三者属性取值的联系与区别
- jQuery获取文本节点之-text()/val()/html() 方法区别
- jquery中,html、val与text三者属性取值的联系与区别
- jQuery获取文本节点之 text()/val()/html() 方法区别 详细出处参考:http://www.jb51.net/article/26431.htm
- jQuery中的html(),text(),val()有什么区别
- JQuery中text()、html()和val()的区别
- jquery中,html、val与text三者属性取值的联系与区别
- jquery html、text、val区别(转)
- jquery中val,text,html,attr的区别
- jquery html(), text(), val() 区别
- jquery中val,text,html,attr的区别
- 浅谈jquery中,html、val与text三者属性取值的联系与区别
- jquery 中html 、val 与text三者属性取值的联系与区别
- 我的JQuery复习笔记之①——text(),html(),val()的区别
- jquery中,html、val与text三者属性取值的联系与区别
- jQuery中的html()和val()和text()的区别
- jQuery学习笔记—— .html(),.text()和.val()的使用和区别