jQuery中的parent()和parents()有什么区别呢

“parent”是指取得一个包含着所有匹配元素的唯一父元素的元素集合。

“parents”则是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。

使用区别：

[html] view plain copy

<ul id="menu" style="width:100px;">

<li>

<ul>

<li> <a href="#">Home</a> </li>

</ul>

</li>

<li>End</li>

</ul>

接下来，分别看看这三个方法：

<script type="text/javascript">

//点击Home时

$("#menu a")click(function() {

$(this)parent("ul")css("background", "yellow"); //0

$(this)parent("li")parent("ul")css("background", "yellow"); //1

$(this)parents("ul")css("background", "yellow"); //2

$(this)closest("ul")css("background", "yellow"); //3 return false;

});

</script>

1parent()方法从指定类型的直接父节点开始查找，在"0"中，<a>的直接父节点是<li>所以在这里找不到<ul>父节点。在"2"中先找到了<li>，接着找到<ul>，并将它的背景色设置为yellow。parent()返回一个节点。

2parents()方法查找方式同parent()方法类似，不同的一点在于，当它找到第一的父节点时并没有停止查找，而是继续查找，最后返回多个父节点，如在"2"中，使得id为menu的ul整个背景色变成了yellow。

3closest()方法查找时从包含自身的节点找起，它同parents()很类似，不同点就在于它只返回一个节点如在"3"中，实现的功能同1相同。但它使得代码量减小，同"2"相比又只返回单一的一个节点。可见，closest()方法在项目中的使用频率是比较大的。

"1、利用标签名获取元素

$(""标签名"")

2、通过ID获取元素

$(""#id_name"")

3、通过 类名获取元素

$(""className"")

4、一次性获取多个元素

$(""元素名, 元素名, 元素名 "")

5、通过指定层次关系获取元素

$(""祖先 子孙"")

$(""父 > 子"")

$(""前 + 后"")

$(""兄 ~ 弟"")

6、根据元素的属性值获取元素

[attribute]

[attribute = value]

[attribute != value]

[attribute ^= value]

[attribute $= value]

[attribute = value]"

你好！

获取同辈的元素，有个siblings()方法，这个可以获取到同级的所有元素;

还有prev()、next()分别获取之前和之后的元素，这是取向前或向后的一个元素;

prevAll()、nextAll()是获取之前和之后的所有同级元素;

<ul>

   <li>list item 1</li>

   <li>list item 2</li>

   <li class="third-item">list item 3</li>

   <li>list item 4</li>

   <li>list item 5</li>

</ul>

$("lithird-item")siblings(); //可以获取4个li元素

$("lithird-item")prev();   //取得item2

$("lithird-item")next();   //取得item4

$("lithird-item")prevAll();  //取得item1 itme2

$("lithird-item")nextAll();  //取得item4 item5

还有种方式就是通过siblings()方法获取到同级元素后，使用eq()方法定位元素

var $lis = $("li:last")siblings();

$liseq(0)

希望对你有帮助！

jquery选择方法是:

$("div:nth-child(1)")

$("div:eq(0)")

方法很多就写2中，也可以使用css来写，如下：

div:nth-child(1){color:red}

参考：>

以上就是关于jQuery中的parent()和parents()有什么区别呢全部的内容，包括:jQuery中的parent()和parents()有什么区别呢、jQuery 怎么获取类名、jquery怎样获得同辈的前几个和后几个元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！