html+jquery
代码编纂器：Dreamweaver CS5方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解用jquery获取div在页面上的位置 。
文章插图
2在test.html文件内 ， 引入jquery.min.js库文件 ， 当作功加载该文件 ， 才能利用jquery中的方式 。
文章插图
3在test.html文件内 ， 利用div建立一个模块 ， 并设置div的id属性为pos ， 本家儿要用于下面经由过程该id获得div对象 。
文章插图
4在test.html文件内 ， 利用button标签建立一个按钮 ， 按钮名称为“获取XY坐标” 。
文章插图
5在test.html文件内 ， 给button按钮绑定onclick点击事务 ， 当按钮被点击时 ， 执行getxy()函数 。
文章插图
6在js标签中 ， 建立getxy()函数 ， 在函数内 ， 利用$符号经由过程id（pos）获得div对象 ， 利用offset().top获得div的X坐标 ， 利用offset().left获得div的Y坐标 ， 最后 ， 利用alert()方式输出div的位置 。
文章插图
7【用jquery获取div在页面上的位置】在浏览器打开test.html文件 ， 点击按钮 ， 查看获得的X、Y坐标 。
文章插图
以上内容就是用jquery获取div在页面上的位置的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 利用jquery在某个div后添加一个div
- iPad不能下载应用iPad不能下载App
- 制作功夫茶的优雅-第11期功夫茶节目，苦丁茶的作用
- 巧用茶防痛，功夫茶具介绍
- 满州冬菇茶的由来
- creo轮廓筋的应用
- WPS文字翻译功能如何使用
- Word2010中的表格怎样删除单元格
- 哪些花卉可以美容养颜？
- 如何用creo绘制扭力弹簧？