JQ知识点3

jQuery常用的选择器和事件,和CSS的选择器很相似。

$() – 使用CSS选择器匹配元素

jQuery的事件和JS的事件基本相同,在使用的时候,去掉JS事件前面的on即可。

jQuery常用的事件:

load:当文档加载时运行脚本

blur:当窗口失去焦点时运行脚本

focus:当窗口获得焦点时运行脚本

change:当元素改变时运行脚本

submit:当提交表单时运行脚本

keydown:当按下按键时运行脚本

keypress:当按下并松开按键时运行脚本

keyup:当松开按键时运行脚本

click:当单击鼠标时运行脚本

dblclick:当双击鼠标时运行脚本

mousedown:当按下鼠标按钮时运行脚本

mousemove:当鼠标指针移动时运行脚本

mouseout:当鼠标指针移出元素时运行脚本

mouseover:当鼠标指针移至元素之上时运行脚本

mouseup:当松开鼠标按钮时运行脚本

abort:当发生中止事件时运行脚本

4、jQuery常用的效果方法

$(selector).hide() – 隐藏被选的元素

$(selector).show() – 显示被选的元素

$(selector).toggle() – 对被选元素进行隐藏和显示的切换

$(selector).slideDown() – 通过调整高度来滑动显示被选元素

$(selector).slideToggle() – 对被选元素进行滑动隐藏和滑动显示的切换

$(selector).slideUp() – 通过调整高度来滑动隐藏被选元素

$(selector).fadeIn() – 逐渐改变被选元素的不透明度,从隐藏到可见

$(selector).fadeOut() – 逐渐改变被选元素的不透明度,从可见到隐藏

$(selector).fadeTo() – 把被选元素逐渐改变至给定的不透明度

$(selector).animate() – 对被选元素应用“自定义”的动画

jQuery常用的DOM元素操作方法

$(selector).parent() – 返回被选元素的直接父元素。

$(selector).parents() – 返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>),可选参数来过滤对祖先元素的搜索

$(selector).children() – 返回被选元素的所有直接子元素。可选参数来过滤对子元素的搜索

$(selector).find() – 返回被选元素的后代元素,一路向下直到最后一个后代,可选参数来过滤对后后代元素的搜索

$(selector).siblings() – 返回被选元素的所有同胞元素。过滤对同胞元素的搜索。

$(selector).next() – 返回被选元素的下一个同胞元素。

$(selector).nextAll() – 返回匹配元素集合中每个元素之后的所有同辈元素,由选择器进行筛选(可选)。

$(selector).prev() – 返回的是前面的同胞元素

$(selector).prevAll() – 返回匹配元素集合中每个元素之前的所有同辈元素,由选择器进行筛选(可选)。

$(selector).first() – 将匹配元素集合缩减为集合中的第一个元素。

$(selector).last() – 将匹配元素集合缩减为集合中的最后一个元素。

$(selector).eq() – 指定索引的新元素。

$(selector).get() – 获得由选择器指定的 DOM 元素。

$(selector).index() – 返回指定元素相对于其他指定元素的 index 位置。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值