码迷,mamicode.com
首页 > Web开发 > 详细

Jquery中val、text、html的区别

时间:2014-05-26 08:18:59      阅读:315      评论:0      收藏:0      [点我收藏+]

标签: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

Jquery中val、text、html的区别,布布扣,bubuko.com

Jquery中val、text、html的区别

标签:c   blog   ext   http   a   com   

原文地址:http://www.cnblogs.com/mabelstyle/p/3747533.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!