.html() เป็นการใช้ jQuery Manipulation กับ .html() อ้างถึง element ที่กำหนด โดย html จะทำการ insert ตัว Tags HTML ลงใน element และในทางตรงกันข้ามสามารถอ้างถึง element อื่น ๆ ได้ในรูปแบบของ HTML Tags เช่นเดียวกัน
<html>
<head>
<title>ThaiCreate.Com jQuery Tutorials</title>
<style>
p { margin:8px; font-size:20px; color:blue;
cursor:pointer; }
b { text-decoration:underline; }
button { cursor:pointer; }
</style>
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").click(function () {
var htmlStr = $(this).html();
$(this).text(htmlStr);
});
});
</script>
</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>
</body>
</html>
Screenshot
คำอธิบาย (ภาษาไทย)
จากตัวอย่างเป็นการใช้ jQuery Manipulation กับ .html() ในการจัดการกับ element ที่อ้างถึง จากตัวอย่างมีการใช้ var htmlStr = $(this).html(); เพื่ออ่าน HTML Tags และ เขียน HTML Tags ลงใน element