資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時尚學
法學帶示例的 jQuery position()
jQuery 中的 position() 方法用於返回第一個匹配元素的位置。它以畫素為單位返回頂部和左側的位置。
語法
語法如下 −
$(selector).position()
示例
現在讓我們看一個示例來實現 jQuery position() 方法 −
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
alert("Top position: " + ($("h3").position()).top + " Left position: " + ($("h3").position()).left);
});
});
</script>
</head>
<body>
<h1>Heading One</h1>
<h2>Heading Two</h2>
<h3>Heading Three</h3>
<button>Position of h3 element</button>
</body>
</html>輸出
這將產生以下輸出 −
單擊按鈕以獲取元素 <h3> 的左側和頂部位置 −
更新時間: 2019 年 12 月 31 日
117 次瀏覽
廣告