jquery怎么获取top

655Z技术栈 JQuery 2025年07月28日 9

使用jquery获取top值的方法:1.新建html项目,引入jquery;2.创建div标签,设置top值;3.添加button按钮,绑定onclick点击事件;4.通过标签名获取对象,使用css()方法获取top值;



具体步骤如下:

1.首先,新建一个html项目,并在项目中引入jquery;


<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>


2.引入jquery后,在项目中创建一个div标签,并设置top值,用于测试;



<div style="top:20px"></div>

3.div标签创建好后,添加一个button按钮,并绑定onclick点击事件,用于点击获取top值;



<button onClick="set()"></button>

4.最后,按钮添加好后,在点击事件中通过标签名获取对象,在使用css()方法即可获取标签的top值;


function set(){

var res = $("div").css('top');

alert(res);

}




提供PHP及ThinkPHP框架的定制开发、代码优化,PHP修改、ThinkPHP修改。

邮箱:yvsm@163.com 微信:yvsm316 QQ:316430983
关闭

用微信“扫一扫”