<html>
<head>
<title>ThaiCreate.Com jQuery Tutorials</title>
<style>
p { background:yellow; }
</style>
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").prepend(document.createTextNode("Hello "));
});
</script>
</head>
<body>
<p>is what I'd say</p>
<p>is what I said</p>
</body>
</html>
Screenshot
คำอธิบาย (ภาษาไทย)
จากตัวอย่างเป็นการใช้ jQuery Manipulation กับ .prepend() ในการจัดการกับ element ที่อ้างถึง
Example 3 ตัวอย่างการใช้งาน jQuery .prepend()
Manipulationprepend3.html
<html>
<head>
<title>ThaiCreate.Com jQuery Tutorials</title>
<style>
p { background:yellow; }
</style>
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").prepend( $("b") );
});
</script>
</head>
<body>
<p> is what was said.</p><b>Hello</b>
</body>
</html>
Screenshot
คำอธิบาย (ภาษาไทย)
จากตัวอย่างเป็นการใช้ jQuery Manipulation กับ .prepend() ในการจัดการกับ element ที่อ้างถึง จากตัวอย่างจะได้ string ใหม่เป็น <p><b>Hello</b> is what was said.</p>