jQuery | position（）及其示例-yiteyi-C++库

position（）方法是jQuery中的一个内置方法，用于查找第一个匹配元素在DOM树中相对于其父元素的位置。

null

语法：

$(selector).position()

参数： 此方法不包含任何参数。 返回值： 此方法返回第一个匹配元素的位置。下面的示例演示了jQuery中的position（）方法： 例子：

html

                         <!DOCTYPE html>                       
                         <                                     html                                     >                       
                                                 <                                     head                                     >                       
                                                 <                                     title                                     >The position Method</                                     title                                     >                       
                                                 <                                     script                                     src                                     =                       
                                                 "                           https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js                          "                                     >                       
                                                 </                                     script                                     >                       
                                   
                                                 <!-- jQuery code to show the working of this method -->                       
                                                 <                                     script                                     >                       
                                                 $(document).ready(function(){                       
                                                 $("button").click(function(){                       
                                                 var x = $("p").position();                       
                                                 alert("Top position: " + x.top);                       
                                                 });                       
                                                 });                       
                                                 </                                     script                                     >                       
                                                 <                                     style                                     >                       
                                                 div {                       
                                                 width: 350px;                       
                                                 height: 100px;                       
                                                 font-weight: bold;                       
                                                 padding:20px;                       
                                                 font-size: 25px;                       
                                                 border: 2px solid green;                       
                                                 }                       
                                                 </                                     style                                     >                       
                                                 </                                     head                                     >                       
                                                 <                                     body                                     >                       
                                                 <                                     div                                     >                       
                                   
                         <                                     p                                     >GeeksforGeeks.</                                     p                                     >                       
           
                                   
                                                 <!-- Click on this button  -->                       
                                                 <                                     button                                     >Click Here!</                                     button                                     >                       
                                                 </                                     div                                     >                       
                                                 </                                     body                                     >                       
                         </                                     html                                     >                       