DIV层的定位是jQuery对层操作的一个主要应用。通过改变DIV的左上角坐标能够随心所欲地将DIV放在需要的位置。
前面介绍DIV改变大小的部分可以通过css()函数来修改。本节同样可以通过这个函数修改DIV位置，只是利用的属性不同。HTML代码和CSS样式参考光盘内容。下面直接看一下JavaScript功能实现：
- 1 <script type="text/javascript">
- 2 $(function(){
- 3 $("#move").click(function(){
- 4 $("#div1").css({position:"absolute",top:$("#Y_index").val()+ "px",left:$("#x_index").val()+"px"});
- //通过CSS样式设定函数定位div1在浏览器中的位置
- 5 });
- 6 });
- 7 </script>
上述代码通过在css()函数中设定DIV的左上角的坐标位置进行定位，效果如图3.28所示。
 |
| （点击查看大图）图3.28 改变DIV的位置 |
