val(), html(), attr()的区别

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

元素的值是通过 value 属性设置的。其中有部分元素没有value,该方法大多用于 input 元素。

如果该方法未设置参数,则返回被选元素的当前值。、

1.1获取元素中的值:

$("#name").val() //获取id="name"的value值

1.2赋予元素值:

$("#name").val(value) //value表示你赋予的值

  1. .HTML()
    定义和用法:
    html() 方法返回或设置被选元素的内容 (inner HTML)。

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

2.1当使用该方法返回一个值时,它会返回第一个匹配元素的内容。
$("#name").html() //获取第一个id=name的内容

2.2当使用该方法设置一个值时,它会覆盖所有匹配元素的内容。

$("#name").html("需要赋予的值")
1

  1. .attr():
    定义和用法
    attr() 方法设置或返回被选元素的属性值。

根据该方法不同的参数,其工作方式也有所差异。

3.1返回被选元素的属性值。

$("name").attr("你所要赋予的值");
1
3.2设置被选元素的属性和值。

$("name").attr(attribute,value)
1
区别:
1.val()—一般 用在input上,val主要运用于表单元素上,而不用在其他元素,用来获取input或者是select的值(但我用val给select赋值时无法显示,不知道为什么)
2.html()和text()、attr()可用在多种元素上,但是html()相当于依据源代码返回,也就是在返回的内容中会包含各种tag,而text()则相当于是依据页面显示返回,返回的内容是出去各种tag之间的内容


作者:一名奋斗的程序猿
来源:CSDN
原文:https://blog.csdn.net/qq_35069673/article/details/88797536
版权声明:本文为博主原创文章,转载请附上博文链接!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,298评论 0 3
  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 3,451评论 0 44
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,678评论 1 45
  • width: 65%;border: 1px solid #ddd;outline: 1300px solid #...
    邵胜奥阅读 4,885评论 0 1
  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 670评论 0 3