用jquery获取div在页面上的位置

2024-10-15 11:20:42

1、新建一个html文件,命名为test.html,用于讲解用jquery获取div在页面上的位置。

用jquery获取div在页面上的位置

3、在test.html文件内,使用div创建一个模块,并设置div的id属性为pos,主要用于下面通过该id获得div对象。

用jquery获取div在页面上的位置

5、在test.html文件内,给button按钮绑定onclick点击事件,当按钮被点击时,执行getxy()函数。

用jquery获取div在页面上的位置

7、在浏览器打开test.html文件,点击按钮,查看获得的X、Y坐标。

用jquery获取div在页面上的位置
猜你喜欢