如何在jQuery中验证位置

如何在jQuery中验证位置

在这篇文章中,我们将发现如何使用jQuery position()方法来验证位置。jQuery中的.position()方法返回第一个匹配元素相对于其父元素的位置。

语法:

$(selector).position()

返回 value:

  • 返回一个包含属性top和left的对象。

例子:让我们举个例子来理解jQuery的.position()方法。

<!DOCTYPE HTML>
<html>
<head>
    <script src=
"https://code.jquery.com/jquery-3.5.0.js">
    </script>
</head>
<body style="text-align:center;">
    <h2 id="heading" style="color:green;">
        GeeksforGeeks
    </h2>
     
<p>
        jQuery | .position() method
    </p>
 
 
    <button id="button">
        click here to get position of heading
    </button>
       
    <script>
    // Selecting h2 tag and using .position() method
    // to find its position relative to offset parent.
     (document).ready(function(){
      ("button").click(function(){
        var x = ("h2").position();
        ( "p" ).last().text ("Top position is : " +
               x.top + " Left position is : " + x.left);
      });
    });
    </script>
</body> 
</html>

输出 :

如何在jQuery中验证位置?

jQuery定位方法

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程