From 37a979e953b90329b990fd89496a1dfb5f28857a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=8F=B6=E5=B0=8F=E6=9D=B0?= <2365584215@qq.com> Date: Wed, 23 Nov 2022 22:45:48 +0800 Subject: [PATCH 1/2] 1 --- ....11.23--jquery\344\272\213\344\273\266.md" | 82 +++++++++++++++++++ 1 file changed, 82 insertions(+) create mode 100644 "39\345\217\266\345\260\217\346\235\260/\347\254\224\350\256\260/2022.11.23--jquery\344\272\213\344\273\266.md" diff --git "a/39\345\217\266\345\260\217\346\235\260/\347\254\224\350\256\260/2022.11.23--jquery\344\272\213\344\273\266.md" "b/39\345\217\266\345\260\217\346\235\260/\347\254\224\350\256\260/2022.11.23--jquery\344\272\213\344\273\266.md" new file mode 100644 index 0000000..00248bc --- /dev/null +++ "b/39\345\217\266\345\260\217\346\235\260/\347\254\224\350\256\260/2022.11.23--jquery\344\272\213\344\273\266.md" @@ -0,0 +1,82 @@ +### jquery事件 + +#### onload事件 + +在JavaScript中,onload表示文档加载完成后再执行的一个事件。window.onload只能调用一次,如果多次调用,则只会执行最后一个,是在加载完所有页面内容才会触发。 + +``` +window.onload = function(){ +…… +} +``` + +#### ready事件 + +​ 在jQuery中,ready也表示文档(document)加载完成后再执行的一个事件。在页面加载完成后,立即执行指定的函数。这么做的好处是可以减少页面渲染的时间,加快页面加载,提升用户体验 + +``` +(最常用): +$(function(){ +…… +}) +``` + +### 鼠标事件 + +click() + +click() 方法是当按钮点击事件被触发时会调用一个函数。 + +##### dblclick() + +当双击元素时,会发生 dblclick 事件。 + +dblclick() 方法触发 dblclick 事件,或规定当发生 dblclick 事件时运行的函数: + +#### mousedown() + +当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件。 + +mousedown() 方法触发 mousedown 事件,或规定当发生 mousedown 事件时运行的函数: + +#### mouseup() + +当在元素上松开鼠标按钮时,会发生 mouseup 事件。 + +mouseup() 方法触发 mouseup 事件,或规定当发生 mouseup 事件时运行的函数: + +### 表单事件 + +##### 1.focus() + +当元素获得焦点时,发生 focus 事件。 + +当通过鼠标点击选中元素或通过 tab 键定位到元素时,该元素就会获得焦点。 + +focus() 方法触发 focus 事件,或规定当发生 focus 事件时运行的函数: + +``` +$("input").focus(function(){ $(this).css("background-color","#cccccc"); }); +``` + +##### 2.blur() + +当元素失去焦点时,发生 blur 事件。 + +blur() 方法触发 blur 事件,或规定当发生 blur 事件时运行的函数: + +``` +$("input").blur(function(){ $(this).css("background-color","#ffffff"); }); +``` + +##### 3.select + +在jQuery中,当我们选中“单行文本框”或“多行文本框”中的内容时,就会触发select事件。 + +##### 4.change + +在jQuery中,change事件常用于“具有多个选项的表单元素”。 + +1. 单选框选择某一项时触发。 +2. 复选框选择某一项时触发。 +3. 下拉菜单选择某一项时触发。 \ No newline at end of file -- Gitee From e11ec64e9ec5c0d5a37f0f5ef03f2261a178ed7e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=8F=B6=E5=B0=8F=E6=9D=B0?= <2365584215@qq.com> Date: Sun, 27 Nov 2022 22:10:03 +0800 Subject: [PATCH 2/2] =?UTF-8?q?=E7=AC=94=E8=AE=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...13\344\273\266\345\257\271\350\261\241.md" | 68 +++++++++++++++++++ 1 file changed, 68 insertions(+) create mode 100644 "39\345\217\266\345\260\217\346\235\260/\347\254\224\350\256\260/2022.11.24.--jquery\344\272\213\344\273\266\345\257\271\350\261\241.md" diff --git "a/39\345\217\266\345\260\217\346\235\260/\347\254\224\350\256\260/2022.11.24.--jquery\344\272\213\344\273\266\345\257\271\350\261\241.md" "b/39\345\217\266\345\260\217\346\235\260/\347\254\224\350\256\260/2022.11.24.--jquery\344\272\213\344\273\266\345\257\271\350\261\241.md" new file mode 100644 index 0000000..7e15e9e --- /dev/null +++ "b/39\345\217\266\345\260\217\346\235\260/\347\254\224\350\256\260/2022.11.24.--jquery\344\272\213\344\273\266\345\257\271\350\261\241.md" @@ -0,0 +1,68 @@ +### jQuery + +##### bind():绑定 + +```javascript +$(selector).bind(event,data,function) +``` + +on() 方法在被选元素及子元素上添加一个或多个事件处理程序。 + +###### 绑定事件 + +```js + +``` + +##### 绑定多个事件 + +```js + +``` + +##### JQuery off() 方法 + +off() 方法通常用于移除通过 on() 方法添加的事件处理程序。 + +#### 解绑事件 + +```js + +``` + +##### hover()方法 + + 用于模拟光标悬停事件。当光标移动到元素上时,会触发指定的第一个函数,当光标移出这个元素时,会触发指定的第二个函数. + +- ```js + + ``` + + \ No newline at end of file -- Gitee