jquary中各种相似操作介绍

JQuery中的html()、text()、val()区别示例介绍

1.HTML

html():取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档
html(val):设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。

2.TEXT

text():取得所有匹配元素的内容。
结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。
text(val):设置所有匹配元素的文本内容
与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体).

3.VAL

val():获得第一个匹配元素的当前值。
val(val):设置每一个匹配元素的值。

jquery获取元素高度

outerHeight() 方法返回第一个匹配元素的外部高度。

如下面的图像所示，该方法包含 padding 和 border。

提示：如需包含 margin，请使用 outerHeight(true)。

相关方法：

• width() - 设置或返回元素的宽度
• height() - 设置或返回元素的高度
• innerWidth() - 返回元素的宽度（包含 padding）
• innerHeight() - 返回元素的高度（包含 padding）
• outerWidth() - 返回元素的宽度（包含 padding 和 border）
• outerWidth(true) - 返回元素的宽度（包含 padding 和 border和margin）