欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jquery的text(),html()和val()用法

程序员文章站 2022-04-14 13:34:55
text() 方法方法设置或返回被选元素的文本内容(innerText): html() 方法返回或设置被选元素的内容 (innerHTML),包括标签: val() 方法返回或设 ......

text() 方法方法设置或返回被选元素的文本内容(innerText):

html() 方法返回或设置被选元素的内容 (innerHTML),包括标签:

        <div id="data">
          <img id="photo" src="">
          <p id="info">1234</p>
        </div>
$("#data").text();         //返回1234,data内的标签会被忽略,只会返回内容,类似js中innerText
$("#data").text("你好");     //data内部的img和p会被删除,内容被替换为“你好”      


$("#data").html();         //返回字符串“<img id="photo" src=""><p id="info">1234</p>”
$("#data").html("你好");    //data内部的img和p会被删除,内容被替换为“你好”
<input type="text" id="input" value="1133445fddsgfsgfadfa">

val() 方法返回或设置被选元素的值

$("input").val();        //返回input的value值"1133445fddsgfsgfadfa"
$("input").val() = "发送来啊烦死啦";    //设置value的值