前端工程师手册

获取元素在DOM中的顺序

jQuery事件中的this和标准事件处理中的this是一致的,都是指向绑定事件的DOM元素。

事件中的元素

  • 事件中的this指针,指向的都是绑定事件的元素。
  • event.currentTarget, 和this一致
  • event.delegateTarget: 如果使用了事件委托,那就是对于的绑定元素。否则和currentTarget一致
  • event.target: 真正触发的元素。

搜索元素

eq()方法

这个主要是过滤选取的元素,比如$('li').eq(n)

index()方法

索引值是从0记数的,返回元素在其同级别DOM元素中的位置。

  • 如果不传递参数,返回的是当前元素的索引值。
  • 如果传递一个DOM元素进去,返回的是在当前选择器中的索引。

get()方法

传入索引值,获取对于的DOM元素。

遍历元素

parent()方法

  • 不传递参数,返回直接的父级元素。
  • 传入选择器, 在返回的父级元素中过滤符合的元素,返回数组,可以通过判断数组长度判断是否存在指定父级元素。

parents()方法

和parent方法类似,不过返回的不是直接父级元素,而是所有的祖先元素。还有一点不同的是, parent遍历的顶点是document:

$( "html" ).parent(); // [document]
$( "html" ).parents(); // []

parentsUntil()方法