Jquery offsetParent（）与offsetParent

jQuery烹饪书的第141页指出，jQuery的offsetParent方法提供了标准JavaScript offsetParent DOM节点属性的替换

问：如何使用JavaScript offsetParent属性重写以下内容

var $foo = jQuery('#foo');
var $fooOffsetParent = $foo.offsetParent();

用于从jQuery对象访问基础DOM元素

var $foo = jQuery('#foo'),
    foo = $foo.get(0),
    fooOffsetParent = foo.offsetParent;

用于从jQuery对象访问基础DOM元素

var $foo = jQuery('#foo'),
    foo = $foo.get(0),
    fooOffsetParent = foo.offsetParent;

您必须使用普通Javascript方法来选择元素

document.getElementById("foo").offsetParent.offsetTop
document.getElementById("foo").offsetParent.offsetLeft

您必须使用普通Javascript方法来选择元素

document.getElementById("foo").offsetParent.offsetTop
document.getElementById("foo").offsetParent.offsetLeft

---

这应该是你要找的

var $foo = document.getElementById('foo');
var $fooOffsetParent = foo.offsetParent;

这样就不需要jQuery选择器按id获取元素

var $foo = $('#foo');
var $fooOffsetParent = foo.get(0).offsetParent;

---

这应该是你要找的

var $foo = document.getElementById('foo');
var $fooOffsetParent = foo.offsetParent;

这样就不需要jQuery选择器按id获取元素

var $foo = $('#foo');
var $fooOffsetParent = foo.get(0).offsetParent;

---

事实上，我已经注意到了这一点，并对答案投了赞成票，但我将保留这一点，以防提问者想要一种不使用jQuery访问这些元素及其偏移量的方法。编辑：我指的是没有附加库的原生版本，如果有更普遍的说法，请告诉我。我见过的术语是“香草JS”。啊，我应该知道的！：）谢谢你的帮助。我想我会接受这个答案有几个原因：这是纯js，看来Jason在修改/编辑这个答案上下了很大的功夫，他只有25分，而不是21300分。谢谢你的支持，我很高兴我能帮上忙。事实上，我已经注意到了这一点，并且投票支持了这个答案，但我会保留这个选项，以防提问者想要一种不使用jQuery访问这些元素及其偏移量的方法。编辑：我指的是没有附加库的原生版本，如果有更普遍的说法，请告诉我。我见过的术语是“香草JS”。啊，我应该知道的！：）谢谢你的帮助。我想我会接受这个答案有几个原因：这是纯js，看起来杰森在修改/编辑这个答案上很努力，他只有25分，而不是21300分。谢谢你的支持，我很高兴我能帮上忙。谢谢马特！下次阅读jQuery书籍时，我会注意获取。我使用$（“#foo”）[0]而不是GetHanks Matt！下次阅读jQuery书籍时，我会注意get。我使用$（“#foo”）[0]，而不是get