jQuery 经常使用方法

jQuery

eq()和get()

• get(): jQuery对象转DOM对象。

• eq(): jQuery对象构建新的jQuery对象。 $(selector).eq( 0 )

查找元素

• filter(selector) 缩小匹配的范围，初始的jQuery对象集合中筛选$("p").filter(".selected, :first")

• find(selector) 不会有初始集合中的内容

• end()方法 在jquery命令链内调用，以便退回到前一个包装集。

• contents()

• parent(selector) 找父亲节点，能够传入expr进行过滤，好比$("span").parent()或者$("span").parent(".class")

• parents(selector) 相似于.parent(expr),可是是查找全部祖先元素，不限于父元素

• closest(selector) 得到匹配选择器的第一个祖先元素，从当前元素开始沿 DOM 树向上

• children(expr) 返回全部子节点，这个方法只会返回直接的孩子节点，不会返回全部的子孙节点

• prev() 返回上一个兄弟节点，不是全部的兄弟节点

• prevAll() 返回全部以前的兄弟节点

• next() 返回下一个兄弟节点，不是全部的兄弟节点

• nextAll() 返回全部以后的兄弟节点

• siblings() 返回兄弟姐妹节点

样式 & 属性

• addClass() & removeClass() 添加 & 移除 类名称

• toggleClass() 类名称不存在，则添加指定类名称；若是元素已经拥有指定类名称，则从元素中删除指定类名称。

• css(name,value) 指定的css样式属性

• attr() 返回 attributes 的值

• prop() 返回 property 的值

事件

• event 属性

  • event.pageX 相对于文档左边缘的鼠标位置。

  • event.pageY 相对于文档上边缘的鼠标位置。

  • event.preventDefault() 阻止事件的默认动做。

  • event.target 触发该事件的 DOM 元素。

  • event.type 描述事件的类型。

• bind(eventName, cb) 能够自定义事件

• unbind() 从匹配元素移除一个被添加的事件处理器

• on(event,childSelector,data,function,map) 添加的事件处理程序适用于当前及将来的元素（好比由脚本建立的新元素）

• off() 方法

• one() 添加只运行一次的事件而后移除

• trigger(eventName, param1, param2, ...) param可选，传递到事件处理程序的额外参数, 额外的参数对自定义事件特别有用。

插入元素

• insertAfter() & after()：在现存元素的外部，从后面插入元素

• insertBefore() & before()：在现存元素的外部，从前面插入元素

• appendTo() & append()：在现存元素的内部，从后面插入元素

• prependTo() & prepend()：在现存元素的内部，从前面插入元素

遍历

• each() each返回的是原来的数组，并不会新建立一个数组。

• map() 而map方法会返回一个新的数组。