码迷,mamicode.com
首页 > Web开发 > 详细

第十五节 jQuery获取元素的绝对位置

时间:2020-03-14 20:19:23      阅读:72      评论:0      收藏:0      [点我收藏+]

标签:utf-8   jquer   获取   func   cti   script   obj   doc   meta   

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <script type="text/javascript" src="../jquery-1.12.4.min.js"></script>
 7     <script type="text/javascript">
 8         $(function(){
 9             var $div = $(.box);
10             
11             $div.click(function(){
12                 var oPos = $div.offset();  // $div.offset()获取元素的绝对位置,返回的是一个object对象。
13                 alert(oPos.left);
14                 document.title = oPos.left;
15             });
16             console.log(oPos);
17             
18         });
19     </script>
20     <style type="text/css">
21         .box{
22             width: 200px;
23             height: 200px;
24             background-color: gold;
25             margin: 50px auto 0;
26         }
27     </style>
28 </head>
29 <body>
30     <div class="box"></div>
31 </body>
32 </html>

 

第十五节 jQuery获取元素的绝对位置

标签:utf-8   jquer   获取   func   cti   script   obj   doc   meta   

原文地址:https://www.cnblogs.com/kogmaw/p/12493744.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!