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输出

<h1id="h1">Thisisaheading</h1>

<p>Thisisaparagraph.</p>

<p>Thisisanotherparagraph.</p>

<p>Thisisanotherparagraph.</p>

<p>Thisisanotherparagraph.</p>

第二个alert输出

Thisisaheading

Thisisaparagraph.

Thisisanotherparagraph.

Thisisanotherparagraph.

Thisisanotherparagraph.

相关推荐