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

Posted kogmaw

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了第十五节 jQuery获取元素的绝对位置相关的知识,希望对你有一定的参考价值。

 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获取元素的绝对位置的主要内容,如果未能解决你的问题,请参考以下文章

第十五节——Map

centos mysql 优化 第十五节课

第十五节20181209

centos mysql 实战 第十五节课

UI第十五节——UIWebView

vb.net 第十五节 设置本机默认的生存时间(time-to-live:TTL)值 SetIpTTL