jquery中text（）、html（）、val（）的区别-白红宇

jquery中text（）、html（）、val（）的区别

阅读量：3948 次

发布时间：2019-05-24

本文共 733 字，大约阅读时间需要 2 分钟。

转载：

1. text()

text() ：设置或返回被选元素的文本内容

    
       
       
           Document    
   
    div有文本内容
   
    
   
            div2内的文本        
    span内有文本内容

在这里插入图片描述

可以看出text()只输出标签内的文本内容，和js的innerText方法一样

html() ：返回或设置被选元素的内容 (inner HTML)，包括标签。

如果该方法未设置参数，则返回被选元素的当前内容。

    
   
    div有文本内容
   
    
   
            div2内的文本        
    span内有文本内容

在这里插入图片描述

打印当前标签内的文本内容，如果有子标签，则把子标签本身和子标签内的文本一起打印

这个和js的innerHTML差不多

val() ：返回或设置被选元素的值。

元素的值是通过 value 属性设置的。该方法大多用于 input 元素。主要用于获取表单元素的值。如果该方法未设置参数，则返回被选元素的当前值。

    
   
    div有文本内容
   
    
   
            div2内的文本        
    span内有文本内容

在这里插入图片描述

val()是用来输出表单内的数据，可以看出div和span标签内的文本并没有被输出，我还测试了H5新标签placeholder同样也没有被输出，所以这个val应该是只针对标签的value属性的

你可能感兴趣的文章