jQuery遍歷之parents()方法
jQuery是一個合集對象，如果想快速查找合集里面的每一個元素的所有祖輩元素，此時可以用parents()方法
其實也類似find與children的區(qū)別，parent只會查找一級，parents則會往上一直查到查找到祖先節(jié)點
理解節(jié)點查找關(guān)系：
<div class="div">
? ?<ul class="son">
? ? ? ?<li class="grandson">1</li>
? ?</ul>
</div>
在li節(jié)點上找到祖 輩元素div， 這里可以用$("li").parents()方法
parents()無參數(shù)
parents()方法允許我們能夠在DOM樹中搜索到這些元素的祖先元素，從有序的向上匹配元素，并根據(jù)匹配的元素創(chuàng)建一個新的 jQuery 對象;
返回的元素秩序是從離他們最近的父級元素開始的
注意：jQuery是一個合集對象，所以通過parent是匹配合集中所有元素的祖輩元素
???????? parents()方法選擇性地接受同一型選擇器表達(dá)式
????????同樣的也是因為jQuery是合集對象，可能需要對這個合集對象進(jìn)行一定的篩選，找出目標(biāo)元素，所以允許傳一個選擇器的表達(dá)式
注意事項：
????1 .parents()和.parent()方法是相似的，但后者只是進(jìn)行了一個單級的DOM樹查找
????2 ?$( "html" ).parent()方法返回一個包含document的集合，而$( "html" ).parents()返回一個空集合。
下面我們來看一段代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<div>php.cn
<ul>php
<li>php 中文網(wǎng)</li>
<li>php 中文網(wǎng)</li>
</ul>
</div>
<script>
$("li").parents().css('color','red');
</script>
</body>
</html> 
