jquery parent，jquery选择器有哪些
今天给各位分享jquery parent的知识，其中也会对jquery选择器有哪些进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
jquery中$(this).parent() 什么意思
jquery中$(this).parent()是当前标记的父标记的意思。
在使用$(this).parent()的时候，需要对他进行操作，要先得到他的父级，然后在进行操作。
parent()获得当前匹配元素集合中每个元素的父元素，使用选择器进行筛选是可选的。
如果给定一个表示 DOM元素集合的 jQuery对象，.parent()方法允许我们在 DOM树中搜索这些元素的父元素，并用匹配元素构造一个新的 jQuery对象。.parents()和.parent()方法类似，不同的是后者沿 DOM树向上遍历单一层级。
该方法接受可选的选择器表达式，与我们向$()函数中传递的参数类型相同。如果应用这个选择器，则将通过检测元素是否匹配该选择器对元素进行筛选。
扩展资料
jQuery中的this和$(this)的不同：
$(this)指向jQuery对象是无可厚非的，但this就是指向dom对象，这个是因为jQuery做了特殊的处理。
在创建dom的jQuery对象时，jQuery不仅仅为dom创建一个jQuery对象，而且还将dom存储在所创建对象的数组中。
this[0]= elem这条语句就是实现对象数组。所以javascript是很有意思的语言，使用this访问时，可以访问它所指向的对象的成员函数，而其实this又是一个对象数组。其存放的是dom对象。
bind函数调用的是 on函数，而on函数又是通过 each函数实现了jQuery.event.add。因此jQuery.event.add( this中的this也就是dom对象了。所以事件中的this也就是dom对象了。
jquery parent和parents的区别分析
parent的取值很明确，就是当前元素的父元素；parents则是当前元素的祖先元素。
工具原料：编辑器、浏览器
1、做一个简单的代码结构，看看parent和parents的取值：
<div id='div1'>
<div id='div2'><p></p></div>
<div id='div3' class='a'><p></p></div>
<div id='div4'><p></p></div>
</div>
$('p').parent()取到的是div2,div3,div4
$('p').parent('.a')取到的是div3
$('p').parent().parent()取到的是div1，这点比较奇特；不过Jquery对象本身的特点决定了这是可行的。
$('p').parents()取到的是div1,div2,div3,div4
$('p').parents('.a')取到的是div3
2、总结：parent方法就是获取某个元素的父元素，可以了连续使用获取父元素的父元素，如$('p').parent().parent()。而parents则获取的祖先元素的集合，祖先元素包括父元素等祖先元素。
js/jquery如何获取获取父窗口的父窗口的元素
parent是找当前元素的第一个父节点，parents是找当前元素的所有父节点
先说一下parent和parents的区别
从字面上不难看出
parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。
parents则是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。
可以看出parent的取值很明确，就是当前元素的父元素；parents则是当前元素的祖先元素。下面列出例子说明：
<div id='div1'>
<div id='div2'><p></p></div>
<div id='div3' class='a'><p></p></div>
<div id='div4'><p></p></div>
</div>
$('p').parent()取到的是div2,div3,div4
$('p').parent('.a')取到的是div3
$('p').parent().parent()取到的是div1，这点比较奇特；不过Jquery对象本身的特点决定了这是可行的。
$('p').parents()取到的是div1,div2,div3,div4
$('p').parents('.a')取到的是div3
parent(exp)用法:取得一个包含着所有匹配元素的唯一父元素的元素集合。
<script src="jquery-1.2.6.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btn1").click(function(){
alert($(this).parent().next().html());
});
});
</script>
</head>
<body>
<table>
<tr>
<td><input id="btn1" class="btn" type="button" value="test"/></td>
<td>some text</td>
</tr>
</table>
....
其中：
this.parent()是input前面的td
this.parent().parent()获取的是tr
this.parent().parent().parent()获取的是table
this.parent().next()获取的是td相临的td
例子中：
<div><p>Hello</p><p>Hello</p></div>
$("p").parent()得到的是：<div><p>Hello</p><p>Hello</p></div>对象，因为p标签的父标签是div.
关于jquery parent和jquery选择器有哪些的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。