美文网首页程序员笔记
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 文档操作 - html() 方法

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