资讯专栏INFORMATION COLUMN

jQuery 常用方法

Alliot / 1221人阅读

摘要:查找元素缩小匹配的范围,初始的对象集合中筛选不会有初始集合中的内容方法在命令链内调用,以便退回到前一个包装集。指定的样式属性返回的值返回的值事件属性相对于文档左边缘的鼠标位置。阻止事件的默认动作。触发该事件的元素。而方法会返回一个新的数组。

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/83858.html

相关文章

  • 前端基础入门五(掌握jQuery常用api,实现动态效果)

    摘要:基本概念学习目标学会如何使用,掌握的常用,能够使用实现常见的效果。想要实现简单的动画效果,也很麻烦代码冗余。实现动画非常简单,而且功能更加的强大。注意选择器返回的是对象。 jQuery基本概念 学习目标:学会如何使用jQuery,掌握jQuery的常用api,能够使用jQuery实现常见的效果。 为什么要学习jQuery? 【01-让div显示与设置内容.html】 使用javasc...

    nevermind 评论0 收藏0
  • 前端基础入门五(掌握jQuery常用api,实现动态效果)

    摘要:基本概念学习目标学会如何使用,掌握的常用,能够使用实现常见的效果。想要实现简单的动画效果,也很麻烦代码冗余。实现动画非常简单,而且功能更加的强大。注意选择器返回的是对象。 jQuery基本概念 学习目标:学会如何使用jQuery,掌握jQuery的常用api,能够使用jQuery实现常见的效果。 为什么要学习jQuery? 【01-让div显示与设置内容.html】 使用javasc...

    codecook 评论0 收藏0
  • 前端基础入门五(掌握jQuery常用api,实现动态效果)

    摘要:基本概念学习目标学会如何使用,掌握的常用,能够使用实现常见的效果。想要实现简单的动画效果,也很麻烦代码冗余。实现动画非常简单,而且功能更加的强大。注意选择器返回的是对象。 jQuery基本概念 学习目标:学会如何使用jQuery,掌握jQuery的常用api,能够使用jQuery实现常见的效果。 为什么要学习jQuery? 【01-让div显示与设置内容.html】 使用javasc...

    WalkerXu 评论0 收藏0
  • 前端基础入门五(掌握jQuery常用api,实现动态效果)

    摘要:基本概念学习目标学会如何使用,掌握的常用,能够使用实现常见的效果。想要实现简单的动画效果,也很麻烦代码冗余。实现动画非常简单,而且功能更加的强大。注意选择器返回的是对象。 jQuery基本概念 学习目标:学会如何使用jQuery,掌握jQuery的常用api,能够使用jQuery实现常见的效果。 为什么要学习jQuery? 【01-让div显示与设置内容.html】 使用javasc...

    widuu 评论0 收藏0
  • jQuery学习笔记

    摘要:提高业务编程能力中提供了很多的方法基本都兼容,我们可以使用这些方法快速开发项目中有的方法提供的思想可以让我们把项目实现得更优化提高基础以及一些高级编程思想分析源码,学习里面类库封装的思想和一些方法实现的原理有时间把中提供的常用方法都去实现一 jQuery 提高业务编程能力 JQ中提供了很多的方法(基本都兼容),我们可以使用这些方法快速开发项目 JQ中有的方法提供的思想可以让我们把...

    GHOST_349178 评论0 收藏0

发表评论

0条评论

Alliot

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<