美文网首页
JQuery val()、html()、text() 方法的区别

JQuery val()、html()、text() 方法的区别

作者: McDu | 来源:发表于2018-09-29 14:55 被阅读9次

    1. val()

    val() 方法返回或设置被选元素的 value 属性。
    当用于返回值时:该方法返回第一个匹配元素的 value 属性的值。
    当用于设置值时:该方法设置所有匹配元素的 value 属性的值。

    注意:val() 方法通常与 HTML 表单元素一起使用。


    js 中获取 input、checkbox 等表单元素的值的方式:

    <form name="myForm">
        <input id="demo" name="name"/>
    </form>
    

    一、document.getElementById("demo1").value
    二、myForm.name.value


    2. html()

    html() 方法设置或返回被选元素的内容(innerHTML)。
    当该方法用于返回内容时,则返回第一个匹配元素的内容。
    当该方法用于设置内容时,则重写所有匹配元素的内容。

    提示:如只需设置或返回被选元素的文本内容,请使用 text() 方法。

    3. text()

    text() 方法设置或返回被选元素的文本内容。
    当该方法用于返回内容时,则返回所有匹配元素的文本内容(会删除 HTML 标记)。
    当该方法用于设置内容时,则重写所有匹配元素的内容。

    提示:如需设置或返回被选元素的 innerHTML(文本 + HTML 标记),请使用 html() 方法

    相关文章

      网友评论

          本文标题:JQuery val()、html()、text() 方法的区别

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