jquery学习之html和text的区别

html()显示html,包括标签
text()显示的是纯文本
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    alert($("div").html());
    alert($("div").text());
  });
});
</script>
</head>

<body>
<div>
 <h1 id="h1">This is a heading</h1>
 <p>This is a paragraph.</p>
 <p>This is another paragraph.</p>
 <p>This is another paragraph.</p>
 <p>This is another paragraph.</p>
</div>
<button id="default">default</button>
</body>
</html>


result:
第一个alert输出
<h1 id="h1">This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<p>This is another paragraph.</p>
<p>This is another paragraph.</p>


第二个alert输出
This is a heading
This is a paragraph.
This is another paragraph.
This is another paragraph.
This is another paragraph.

你可能感兴趣的:(jquery)