在javascript中，“html()”方法的用法是“元素.html(被选元素的新内容)”。html方法设置或返回被选元素的内容，当该方法用于返回内容时，则返回第一个匹配元素的内容；当该方法用于设置内容时，则重写所有匹配元素的内容。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
HTML内容就是内容中可以包含HTML标签，并且能够被浏览器渲染。
文本内容是先将内容中的HTML预定义字符转换成html字符实体，这样HTML标签就不会被渲染。
语法结构一:
$(selector).html()
登录后复制
此时方法不带参数时候是取得第一个匹配元素的html内容。
立即学习“前端免费学习笔记（深入）”；
此方法与text()方法没有参数用法类似，但是还是有很大区别：
一.html()方法取得第一个匹配元素的内容，而text()方法是取得所有匹配元素包含的内容。
二.html()方法取得内容html内容，而text()方法取得是文本内容。
实例代码:
nbsp;html>div{ height:150px; width:150px; background-color:green; margin-top:10px; } $(document).ready(function () { $("button").click(function () { alert($("div").html()); }); });
- 欢迎您
登录后复制
以上代码将返回div元素中的内容。
语法结构二:
$(selector).html(content)
登录后复制
带有参数的时候是设置所有匹配元素而的html内容。
此方法与text()方法带有参数的用法类似，但是还是有很大的区别：
html()方法设置的是html内容，而text()方法设置的是文本内容。
实例代码:
以下代码将div中的html内容设置为”我是重新设置后的内容“。
nbsp;html>脚本之家 div { height:150px; width:150px; background-color:green; margin-top:10px; } $(document).ready(function () { $("button").click(function () { $("div").html("我是重新设置后的内容"); }); });原来内容
登录后复制
【推荐学习：javascript高级教程】
以上就是jquery中html()方法怎么用的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2712495.html
