jQuery の text() 関数と html() 関数の違いは何ですか?
$("#div").html('<a href="example.html">Link</a><b>hello</b>');
対
$("#div").text('<a href="example.html">Link</a><b>hello</b>');
ベストアンサー1
違いはほぼ一目瞭然だと思います。そしてテストも非常に簡単です。
jQuery.html()
文字列をHTMLとして扱い、jQuery.text()
内容をテキストとして扱う
<html>
<head>
<title>Test Page</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#div1").html('<a href="example.html">Link</a><b>hello</b>');
$("#div2").text('<a href="example.html">Link</a><b>hello</b>');
});
</script>
</head>
<body>
<div id="div1"></div>
<div id="div2"></div>
</body>
</html>
あまり明白ではないかもしれない違いは、jQuery APIドキュメントに記載されています。
のドキュメントでは.html():
この
.html()
メソッドは XML ドキュメントでは使用できません。
そして、。文章():
メソッドとは異なり
.html()
、.text()
XML ドキュメントと HTML ドキュメントの両方で使用できます。
$(function() {
$("#div1").html('<a href="example.html">Link</a><b>hello</b>');
$("#div2").text('<a href="example.html">Link</a><b>hello</b>');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<div id="div1"></div>
<div id="div2"></div>