JS基础-innerHTML、innerText、 value的区别?jQuery中的text()、html()和val() ?

js

1、innerText打印标签之间的纯文本信息,会将标签过滤掉,低版本的火狐浏览器不支持,而是支持textContent

2.  innerHtml 打印标签之间的内容,包括标签和文本信息,各浏览器都支持,但是高版本的浏览器会原样打印

3.  value 属性可设置或返回密码域的默认值。获取文本框的值。

jq

1、text():设置或者获取所选元素的文本内容;

    1. 无参text():取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。返回的是一个String。

    2.有参text(val):设置所有匹配元素的文本内容,与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体).返回一个jquery对象。

2、html():设置或者获取所选元素的内容(包括html标记);

     1. 无参html():取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档,返回的是一个String

     2.有参html(val):设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。返回一个jquery对象。

3、val()方法主要用于获取表单元素的值,如input, select 和 textarea。当在一个空集合上调用,它返回undefined;

     1、无参 val() :获取匹配的元素集合中第一个元素的当前值。

     2.有参val(val):设置每一个匹配元素的值。返回一个jquery对象。

你可能感兴趣的:(JS基础-innerHTML、innerText、 value的区别?jQuery中的text()、html()和val() ?)