jQuery获取内容文本值

最新推荐文章于 2023-10-02 08:30:42 发布

m0_45925246

最新推荐文章于 2023-10-02 08:30:42 发布

阅读量3.4k

点赞数

文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/m0_45925246/article/details/123971270

版权

jquery获取标签的文本内容和js不一样，主要有html()、text()、val()这三个方法。html()相当于js里面的innerHTML、text()相当于js里面的innerText()、val()主要用来获取表单元素的值类似于js里面的value。

 <div>
   <p>1111</p>
</div>
<input type="text" value="请输入内容">

js部分:

  $(function() {
       
        console.log($('div').html());  //<p>1111</p>
        $('div').html('<span>222</span>') //可以对div标签的内容进行添加的操作
        console.log($("div").text()); //获取选中标签的文本内容
        $("div").text("234");
        console.log($("input").val());  //获取input的值 ‘请输入内容’
        $("input").val("123"); //设置input value的值为123

 })