JQuery中的text(),html()和val()区别

JerryC 发布于2019-08-23 16:33 / 2964人阅读

摘要：如果该方法未设置参数，则返回被选元素的当前内容。元素的值是通过属性设置的。

定义和用法
text() 方法方法设置或返回被选元素的文本内容

代码如下





Document

div有文本内容

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

console打印的结果

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

定义和用法
html() 方法返回或设置被选元素的内容 (inner HTML)，包括标签。

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

div有文本内容

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

通过console的打印的结果

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

这个和js的innerHTML差不多

定义和用法
val() 方法返回或设置被选元素的值。

元素的值是通过 value 属性设置的。该方法大多用于 input 元素。

方法主要用于获取表单元素的值
如果该方法未设置参数，则返回被选元素的当前值。

div有文本内容

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

通过控制台打印结果

val()是用来输出表单内的数据，可以看出div和span标签内的文本并没有被输出，我还测试了H5新标签placeholder

同样也没有被输出，所以这个val应该是只针对标签的value属性的

海外云主机服务器托管 html5中的val val 和 html val和html javascript和jquery的区别

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/103143.html

JQuery基础修炼-样式篇

摘要：具有相同的父元素，并匹配过滤选择器子选择器选择所有指定元素中指定的的直接子元素。可见元素的宽度或高度，是大于零。元素的或被认为是可见的，因为他们仍然占用空间布局。 jQuery对象转化成DOM对象 jQuery库本质上还是JavaScript代码，它只是对JavaScript语言进行包装处理，为了是提供更好更方便快捷的DOM处理与开发常见中经常使用的功能。我们可以用jQuery...

_Dreams 2019-08-02 15:55 评论0 收藏0
JQuery基础修炼-样式篇

摘要：具有相同的父元素，并匹配过滤选择器子选择器选择所有指定元素中指定的的直接子元素。可见元素的宽度或高度，是大于零。元素的或被认为是可见的，因为他们仍然占用空间布局。 jQuery对象转化成DOM对象 jQuery库本质上还是JavaScript代码，它只是对JavaScript语言进行包装处理，为了是提供更好更方便快捷的DOM处理与开发常见中经常使用的功能。我们可以用jQuery...

luck 2019-08-19 18:24 评论0 收藏0
jQuery 属性与样式

摘要：与中用方法来获取和设置元素属性是属性的缩写，在操作中会经常用到有个表达式传入属性名获取属性的值属性名属性值设置属性的值属性名函数值设置属性的函数值给指定元素设置多个属性值，即属性名一属性值一属性名二属性值二删除方法为匹配的元素集合中的每个元 .attr()与.removeAttr() jQuery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在j...

yibinnn 2019-08-21 11:52 评论0 收藏0
jQuery基础(一) ：样式篇

摘要：如下就是对象或是如下以下两者的修改都是等价的但是使用不能很好的操作，所以可以将其转换成对象把元素转化成的对象总体，表示当前的上下文对象是一个对象，可以调用对象所拥有的属性和方法。代表的上下文对象是一个的上下文对象，可以调用的方法和属性值。一：初识 jquery： 1、 jQuery 只是一个库，不需要特别的安装，只需要我们在页面标签内中通过 script 标签脚本引入 jQuer...

SegmentFault 2019-08-20 10:35 评论0 收藏0
jQuery入门笔记之（二）文档对象模型

摘要：删除指定的属性，这个方法就不可以使用匿名函数，传递和均无效。遍历对象数组索引，鍵，属性名属性值，值相当于遍历原生对象数组时，为元素。在使用使用时，可以使用传入匿名函数的方法，实现由默认到几个之间的切换。转自个人博客基础 DOM 和和 CSS 一. 设置元素及内容我们通过前面所学习的各种选择器、过滤器来得到我们想要操作的元素。这个时候，我们就可以对这些元素进行 DOM 的操作。...

FleyX 2019-08-19 17:17 评论0 收藏0