En este artículo, encontraremos cómo validar la posición usando el método jQuery position() . El método .position() en jQuery devuelve la posición del primer elemento coincidente en relación con su elemento principal.
Sintaxis:
$(selector).position()
Valor de retorno:
- Devuelve un objeto que contiene las propiedades top y left.
Ejemplo: Tomemos un ejemplo para entender el método .position() de jQuery.
HTML
<!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>
Producción :
método de posición jQuery