jQuery

港岛叔公

已于 2022-11-07 20:25:51 修改

阅读量68

点赞数

文章标签： jquery javascript 前端

于 2022-09-14 00:42:14 首次发布

本文链接：https://blog.csdn.net/retuen_d/article/details/126844083

版权

jQuery概述

在这里插入图片描述

jQuery基本使用

下载jQuery
在这里插入图片描述

第一个工作版本压缩的
第二开发的格式比较看的懂的

1.引入jQuery

新建文件
在这里插入图片描述
将上面版本点进去复制进来

2.jQuery的顶级对象$

在这里插入图片描述

3.jQuery 和DOM对象

在这里插入图片描述

1.对象转换

在这里插入图片描述

常用api

在这里插入图片描述

一、选择器

在这里插入图片描述

二、隐式迭代

在这里插入图片描述

三、筛选选择器

在这里插入图片描述

四、筛选方法

在这里插入图片描述

新浪下拉菜单

在这里插入图片描述

排他思想

在这里插入图片描述

链式编程（代码简洁）

在这里插入图片描述

事件

函数	描述
ready()	当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
on()1.7+	在选择元素上绑定一个或多个事件的事件处理函数。
off()1.7+	在选择元素上移除一个或多个事件的事件处理函数。
bind()	为每个匹配元素的特定事件绑定事件处理函数。
one()	为每一个匹配元素的特定事件（像click）绑定一个一次性的事件处理函数。
trigger()	在每一个匹配的元素上触发某类事件。
triggerHandler()	这个特别的方法将会触发指定的事件类型上所有绑定的处理函数。但不会执行浏览器默认动作，也不会产生事件冒泡。
unbind()	bind()的反向操作，从每一个匹配的元素中删除绑定的事件。
live()1.7-	jQuery 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的也有效。
die()1.7-	从元素中删除先前用.live()绑定的所有事件.(此方法与live正好完全相反。)
delegate()	指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。
undelegate()1.6*	删除由 delegate() 方法添加的一个或多个事件处理程序。
hover()	一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。
toggle()	用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件。
blur()	当元素失去焦点时触发 blur 事件。
change()	当元素的值发生改变时，会发生 change 事件。
click()	触发每一个匹配元素的click事件。
dblclick()	当双击元素时，会发生 dblclick 事件。
error()	当元素遇到错误（没有正确载入）时，发生 error 事件。
focus()	当元素获得焦点时，触发 focus 事件。
focusin()	当元素获得焦点时，触发 focusin 事件。
focusout()	当元素失去焦点时触发 focusout 事件。
keydown()	当键盘或按钮被按下时，发生 keydown 事件。
keypress()	当键盘或按钮被按下时，发生 keypress 事件。
keyup()	当按钮被松开时，发生 keyup 事件。它发生在当前获得焦点的元素上。
mousedown()	当鼠标指针移动到元素上方，并按下鼠标按键时，会发生 mousedown 事件。
mouseenter()	当鼠标指针穿过元素时，会发生 mouseenter 事件。该事件大多数时候会与mouseleave 事件一起使用。
mouseleave()	当鼠标指针离开元素时，会发生 mouseleave 事件。该事件大多数时候会与mouseenter 事件一起使用。
mousemove()	当鼠标指针在指定的元素中移动时，就会发生 mousemove 事件。
mouseout()	当鼠标指针从元素上移开时，发生 mouseout 事件。
mouseover()	当鼠标指针位于元素上方时，会发生 mouseover 事件。
mouseup()	当在元素上放松鼠标按钮时，会发生 mouseup 事件。
resize()	当调整浏览器窗口的大小时，发生 resize 事件。
scroll()	当用户滚动指定的元素时，会发生 scroll 事件。
select()	当 textarea 或文本类型的 input 元素中的文本被选择时，会发生 select 事件。
submit()	当提交表单时，会发生 submit 事件。
unload()	在当用户离开页面时，会发生 unload 事件。