<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>title> <script src="jquery-3.5.1.min.js" type="text/javascript" charset="utf-8">script> <style type="text/css"> #box1 { background-color: yellow; height: 200px; width: 200px; } #box2 { background-color: red; height: 100px; width: 100px; position: relative; margin-top: 50px; left: 50px; } style> <script type="text/javascript"> $(document).ready(function() { // 只能获取不能设置 $("#o-left-set").click(function() { $("#box2").offset().left = 30; }); // 距离页面最左侧的距离 和有没有定位没有关系 $("#o-left-get").click(function() { $("#p1").text("offset().left获取" + $("#box2").offset().left); }); $("#p-left-get").click(function() { $("#p2").text("position().left获取" + $("#box2").position().left); }); $("#o-top-get").click(function() { $("#p3").text("offset().top获取" + $("#box2").offset().top); }); $("#p-top-get").click(function() { $("#p4").text("position().top获取" + $("#box2").position().top); }); }); script> head> <body> <button type="button" id="o-left-set">offset().left设置button> <button type="button" id="o-left-get">offset().left获取button> <button type="button" id="p-left-get">position().left获取button> <button type="button" id="o-top-get">offset().top获取button> <button type="button" id="p-top-get">position().top获取button> <div id="box1"> <div id="box2"> div> div> <p id="p1">p> <p id="p2">p> <p id="p3">p> <p id="p4">p> body>html>
jquery坐标值操作
转载本文章为转载内容,我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题,欢迎原作者联系我们进行内容更正或删除文章。
上一篇:jquery滚动条
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
div jquery 设置left jquery设置div宽度
jQuery昨天讲了 jQuery 的基本选择器筛选器和属性操作今天来说一些 jQuery 别的东西元素操作创建一个元素var div = $('<div></div>') 内部插入元素// 向 div 元素中插入一个 p 元素,放在最后$('div').append($('<p></p>'))// 把 p 元素插入到 div 中去,放在最后
div jquery 设置left jquery 检测div宽度变化 点击事件 jQuery ide