jQuery 常用方法

发布时间:2019-05-26 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了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方法会返回一个新的数组。

脚本宝典总结

以上是脚本宝典为你收集整理的jQuery 常用方法全部内容,希望文章能够帮你解决jQuery 常用方法所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: