美文网首页
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