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

    原文作者:Joeny
    原文地址: https://segmentfault.com/a/1190000010067420
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞