Syntax
Code: Select all
.position()
Code: Select all
<html>
<head>
<title>ThaiCreate.Com jQuery Tutorials</title>
<style>
div { padding: 15px;}
p { margin-left:10px; }
</style>
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var p = $("p:first");
var position = p.position();
$("p:last").text( "left: " + position.left + ", top: " + position.top );
});
</script>
</head>
<body>
<div>
<p>Hello</p>
</div>
<p></p>
จากตัวอย่างเป็นการใช้ jQuery Css กับ .position() ในการจัดการกับ element ที่อ้างถึง ในการอ่านตำแหน่ง และย้ายทำแหน่งของ position