jQuery 文档操作 - html() 方法

定义和用法

html() 方法返回或设置被选元素的内容 (inner HTML)。

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

语法

$(selector).html(content)

使用函数来设置元素内容

使用函数来设置所有匹配元素的内容。

语法

$(selector).html(function(index,oldcontent))

jq html()方法



关于jquery中html()、text()、val()的区别


.html()用为读取和修改元素的HTML标签    对应js中的innerHTML

 .html()是用来读取元素的HTML内容(包括其Html标签),.html()方法使用在多个元素上时,只读取第一个元素


.text()用来读取或修改元素的纯文本内容  对应js中的innerText

  .text()用来读取元素的纯文本内容,包括其后代元素;.text()方法不能使用在表单元素上


.val()用来读取或修改表单元素的value值

    .val()是用来读取表单元素的"value"值,.val()只能使用在表单元素上


关于三者的区别

   1. val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不           一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。

    2 .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。

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

推荐阅读更多精彩内容

  • 一:认识jquery jquery是javascript的类库,具有轻量级,完善的文档,丰富的插件支持,完善的Aj...
    xuguibin阅读 1,727评论 1 7
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,350评论 0 3
  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 673评论 0 3
  • “故人西辞黄鹤楼,烟花三月下扬州”——李白 “春风十里扬州路,卷上珠帘总不如”“十年一觉扬州梦,赢得青楼薄幸名”—...
    蓝蝶landie阅读 532评论 1 9
  • 137累积法【子扬妈妈】第18天【20180501】 听经内容 1.易经周易下经31___32卦 2.大学中庸第一...
    杨凤娟_5e5c阅读 150评论 0 0