html()方法有什么用-云搜网

这篇文章主要介绍html()方法有什么用，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

　　.html()

　　描述: 获取集合中第一个匹配元素的HTML内容

　　这个方法不接收任何元素。

　　获取集合中第一个匹配元素的HTML内容

　　在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。如果选择器匹配多个元素，那么只有第一个匹配元素的 HTML 内容会被获取。考虑下面的代码：

　　$('div.demo-container').html();

　　下文的获取的<div>的内容，必定是在文档中的第一个class="demo-container"的div中获取的：

　　<div class="demo-box">Demonstration Box</div>

　　</div>

　　结果如下:

　　<div class="demo-box">Demonstration Box</div>

　　这种方法使用浏览器的innerHTML 属性。有些浏览器返回的结果可能不是原始文档的 HTML 源代码。例如，如果属性值只包含字母数字字符，Internet Explorer有时丢弃包裹属性值的引号。

　　例子:

　　点击段落将HTML转化为文本

　　<!DOCTYPE html>

　　<html>

　　<head>

　　<style>

　　p { margin:8px; font-size:20px; color:blue;

　　cursor:pointer; }

　　b { text-decoration:underline; }

　　button { cursor:pointer; }

　　</style>

　　</head>

　　<body>

　　<p>

　　<b>Click</b> to change the <span id="tag">html</span>

　　</p>

　　<p>

　　to a <span id="text">text</span> node.

　　</p>

　　<p>

　　This <button name="nada">button</button> does nothing.

　　</p>

　　$("p").click(function () {

　　var htmlStr = $(this).html();

　　$(this).text(htmlStr);

　　});

　　</script>

　　</body>

　　</html>

以上是“html()方法有什么用”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注云搜网行业资讯频道！

html()方法有什么用