JQUERY如何获得某元素父级的父级？
parent()是 父元素 就一个，你要选取class=x的元素,就是第一个p元素的父元素的父元素：$("p:eq(0)").parent().parent().css("background", "yellow");或者p元素父元素的父元素类为x的元素：$("p").parent().parent(".x").css("background", "yellow");或者p元素祖先元素(祖先就很多个了)中类为x的元素: $("p").parents(".x").css("background", "yellow");
jQuery：如何取得当前元素的父元素的父元素？
发现答非所问的人还不少啊
取父窗口的元素方法：$(selector, window.parent.document);
那么你取父窗口的父窗口的元素就可以用：$(selector, window.parent.parent.document);
类似的，取其它窗口的方法大同小异
$(selector, window.top.document);
$(selector, window.opener.document);
$(selector, window.top.frames[0].document);
希望对你能有帮助
jquery如何取得子元素相对于父元素的坐标？
在jQuery中，要获取子元素相对于父元素的坐标，我们可以使用.position()方法。这个方法返回一个对象，该对象包含两个属性：top和left，它们分别表示子元素的上边缘和左边缘相对于父元素的位置。这里需要注意的是，.position()方法获取的是相对于已定位的父元素的位置，即父元素的定位属性（position）为relative或absolute。如果父元素没有定位，则.position()方法的结果可能不准确。
举个例子，假设我们有一个id为parent的父元素和一个class为child的子元素，要获取子元素相对于父元素的坐标，可以这样写：
javascript
复制
var childPosition = $('.child').position();
console.log('子元素相对于父元素的 top 坐标:', childPosition.top);
console.log('子元素相对于父元素的 left 坐标:', childPosition.left);
这段代码会输出子元素.child的上边缘和左边缘相对于其父元素.parent的坐标。请确保在父元素具有定位属性（如position: relative;或position: absolute;）时使用此方法，以获取准确的坐标值。如果父元素没有定位，你可能需要另外考虑解决方案，比如通过计算偏移量来得到相对位置。
下拉试验原理？
下拉菜单的使用及原理
1
因为Bootstrap.js是依赖jQuery来实现的，所以我们需要先加载jQuery组件。在Bootstrap中使用下拉菜单有一个非常严格的结构，如果使用不当则不能显示出下拉菜单。使用class="dropdown"的容器包裹整个下拉菜单：
<div class="dropdown"></div>
使用一个<button>按钮作为一个父级菜单，并且定义一个class="dropdown-toggle"，给<button>添加一个自定义属性data-toggle="dropdown"，这里是相对固定的。所谓的相对固定是指按钮的样式可以修改：
<button class="btn btn-default dropdown-toggle" type="button" data-toggle= "dropdown"></button>
在<button>按钮的同级添加一个<ul>元素，并且添加class="dropdown-menu"。通过以上三种方式就可以实现一个简单的下拉菜单，完整代码如下
2
将上面的代码贴到页面中运行，单击下拉菜单按钮会出现下拉菜单，再次单击该按钮下拉菜单将消失。初始状态下，下拉菜单默认是不显示的，这是因为在class="dropdown-menu"中设置了"display：none"来隐藏下拉菜单，我们可以使用chrome浏览器中的审查元素（或者Firefox中的Firebug）来查看其样式。当我们单击下拉菜单的时候，class="dropdown"上会新增一个"open"类，再次单击时"open"被移除，下拉菜单的显示与隐藏就是这样实现的。