美文网首页程序员笔记
jQuery 文档操作 - html() 方法

jQuery 文档操作 - html() 方法

作者: 吃不胖的程序员 | 来源:发表于2018-06-25 12:27 被阅读0次

定义和用法

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 选择器 jQuery 效果函数 jQuery 文档操作方法 这些方法对于 XML 文档和 HTML ...

  • jQuery 文档操作方法

    jQuery 文档操作方法 这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html()。 方法描述...

  • jQuery 文档操作 - html() 方法

    定义和用法 html() 方法返回或设置被选元素的内容 (inner HTML)。 如果该方法未设置参数,则返回被...

  • jQ---属性操作/jQ---CSS 操作

    jQuery 属性操作方法下面列出的这些方法获得或设置元素的 DOM 属性。这些方法对于 XML 文档和 HTML...

  • jQuery ---效果

    Query 文档操作方法 这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html() 。 |方法 ...

  • jQuery ---效果

    Query 文档操作方法 这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html() 。

  • jQuery ---效果

    Query 文档操作方法 这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html() 。

  • 前端学习指北

    html 文档 JavaScript 文档 AJAX文档 JQuery 文档 jQuery Mobile 教程 H...

  • Python网络爬虫神器PyQuery的使用方法

    前言 pyquery库是jQuery的Python实现,能够以jQuery的语法来操作解析 HTML 文档,易用性...

  • jQuery HTML

    jQuery 拥有可操作HTML元素和属性的强大方法。 jQuery DOM 操作 获取内容 -text()、ht...

网友评论

    本文标题:jQuery 文档操作 - html() 方法

    本文链接:https://www.haomeiwen.com/subject/imxyyftx.html