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方法会返回一个新的数组。