jquery 设置元素相对于另一个元素的top值(实例代码)

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jquery 设置元素相对于另一个元素的top值(实例代码)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含911字，纯文字阅读大概需要2分钟。

内容图文

<div id="span1">sfdsfsddfsdf</div>
<span id="span2" style="position:relative">

        <input id="input" type="text"></input>
        <input id="button" type="button"></input>

 </span>

设置button在input的下方

$("#button").css("{top":$("#input").offset().top-$("#span2").offset().top+$("#input").height,position:"absolute"});

这样舆论input在哪个位置button都在input的下边，同样可以运用到日历小插件在input文本框的下方

1、在jquery中offset().top是相对于body来说的，另外在设置top值的时候要找到与该元素最近的有相对值的元素

在js中可以这样写：
代码如下:
//取得HTML控件绝对位置
Calendar.prototype.getAbsPoint = function (e){
  var x = e.offsetLeft;
  var y = e.offsetTop;
  while(e = e.offsetParent){
    x += e.offsetLeft;
    y += e.offsetTop;
  }
  return {"x": x, "y": y};
}

 var xy = this.getAbsPoint(popControl);
   this.panel.style.left = xy.x  + "px";

  this.panel.style.top = (xy.y + dateObj.offsetHeight) + "px";

如图所示：

内容总结

以上是互联网集市为您收集整理的jquery 设置元素相对于另一个元素的top值(实例代码)全部内容，希望文章能够帮你解决jquery 设置元素相对于另一个元素的top值(实例代码)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端