从字面上不难看出parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选可以看出parent的取值很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。

<table>
  <tr>
    <td>
      <input id="btn1" class="btn" type="button" value="test" />
    </td>
    <td>some text</td>
  </tr>
</table>

$(document).ready(function() {

  $("#btn1").click(function(){

    alert($(this).parent().next().html());

  });

});

其中:this.parent()是input前面的td;

   this.parent().parent()获取的是tr;

   this.parent().parent().parent()获取的是table;

   this.parents()获取的是td,tr,table;

   也就是说this.parents()获取到的是input框前面的所有的父级元素;