首页 > 代码库 > jquery里互为逆过程的方法

jquery里互为逆过程的方法

jquery里互为逆过程的方法reverse

在jquery里,有不少互为逆过程的方法,如parent()与children(),parents()与find(),first()和last()等,这些联合起来有助于理解。

一 children()和parent()

  这是一对遍历dom的jquery方法,这两个方法只查找元素的上一级或者下一级,接受selector参数。不会继续向上或者向下查找。eg:

html:

<div>grandfather
  <div>parent
    <div id=‘self‘>self
      <div>children
         <div>descendants
          </div>
        </div>
      </div>
    </div>
</div>

 

$(‘#self‘).children("div")//只会选到children不会选到descendants元素
$(‘#self‘).parent("div")//只会选到parent,不会选到grandfather元素

二 find()和parents()

find()接受selector或element参数,parents()接受filter参数

与上面的两个方法相反,find()和parents()会一直查找到dom文本节点和顶层元素为止,还以上面的结构为例

$(‘#self‘).children("div")//会选到descendants元素
$(‘#self‘).parent("div")//会选到grandfather元素

三 add()和not()

add()在jquery选择的列表里增加元素,not()减去元素

 

jquery里互为逆过程的方法