<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").before("<b>Hello</b>");
});
</script>
</head>
<body>
<p> is what I said...</p>
</body>
</html>
Screenshot
คำอธิบาย (ภาษาไทย)
จากตัวอย่างเป็นการใช้ jQuery Manipulation กับ .before() ในการจัดการกับ element ที่อ้างถึง เช่น $("p").before("<b>Hello</b>"); คือแทรก <b>Hello</b> ก่อน <p> is what I said...</p> ซึ่งจะได้ string ใหม่เป็น <b>Hello</b><p> is what I said...</p>
Example 2 ตัวอย่างการใช้งาน jQuery .before()
Manipulationbefore2.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").before( document.createTextNode("Hello") );
});
</script>
</head>
<body>
<p> is what I said...</p>
</body>
</html>
Screenshot
คำอธิบาย (ภาษาไทย)
จากตัวอย่างเป็นการใช้ jQuery Manipulation กับ .before() ในการจัดการกับ element ที่อ้างถึง
Example 3 ตัวอย่างการใช้งาน jQuery .before()
Manipulationbefore3.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").before( $("b") );
});
</script>
</head>
<body>
<p> is what I said...</p><b>Hello</b>
</body>
</html>
Screenshot
คำอธิบาย (ภาษาไทย)
จากตัวอย่างเป็นการใช้ jQuery Manipulation กับ .before() ในการจัดการกับ element ที่อ้างถึง Go to : jQuery HTML : jQuery and HTML
ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน 
Load balance : Server 04
