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）