From c207d6d734fa38937096e72064607a6afb08c80a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BE=AF=E9=94=9F=E9=93=96?= <2435175736@qq.com>
Date: Wed, 23 Nov 2022 15:44:25 +0000
Subject: [PATCH] =?UTF-8?q?f=E5=86=BB=E8=B1=86=E8=85=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Signed-off-by: 侯锟铖 <2435175736@qq.com>
---
...23JQuery\344\272\213\344\273\266.Markdown" | 308 ++++++++++++++++++
1 file changed, 308 insertions(+)
create mode 100644 "17 \344\276\257\351\224\237\351\223\226/\347\254\224\350\256\260/22-11-23JQuery\344\272\213\344\273\266.Markdown"
diff --git "a/17 \344\276\257\351\224\237\351\223\226/\347\254\224\350\256\260/22-11-23JQuery\344\272\213\344\273\266.Markdown" "b/17 \344\276\257\351\224\237\351\223\226/\347\254\224\350\256\260/22-11-23JQuery\344\272\213\344\273\266.Markdown"
new file mode 100644
index 0000000..b492f04
--- /dev/null
+++ "b/17 \344\276\257\351\224\237\351\223\226/\347\254\224\350\256\260/22-11-23JQuery\344\272\213\344\273\266.Markdown"
@@ -0,0 +1,308 @@
+# jQuery 事件
+页面加载完成有两种事件，一是ready，表示文档结构已经加载完成；二是onload，指示页 面包含图片等文件在内的所有元素都加载完成（ready 在onload 前加载！！！）。
+使用$(window).load()方法，这 个方法会等到页面所有内容加载完毕后才会触发。
+### onload事件
+dom中的onload,是全部资源加载完后在进行执行,且只能执行一个.(这里的所有DOM元素，指的是HTML部分的代码。)
+而jQuery中是基础元素加载完后就执行,且能执行多个(效率高).
+
+```js
+window.onload = function(){
+ xxx
+}
+
+```
+
+
+### ready事件
+
+在页面加载完成后，立即执行指定的函数。
+
+
+#### ready()相比onload事件绑定函数的优势
+具有较高优先级，只需等到html结构加载完成后即可执行；而onload必须等到图片在内的所有元素加载完毕后才执行。除了使用target选择器时需要结合window.onload，大多数我们都可以使用ready()来进行编写js代码。
+
+在jQuery中，ready也表示文档（document）加载完成后再执行的一个事件。
+
+对于jQuery的ready事件来说，只要页面所有DOM元素加载完成就可以执行，不需要再等外部文件 （图片、外部CSS、外部JavaScript）加载完成。
+#### ready()的三种写法
+```js
+//写法1：
+$(document).ready(function(){
+……
+})
+//写法2：
+jQuery(document).ready(function(){
+……
+})
+//写法3(最常用)：
+$(function(){
+……
+})
+//写法4：
+jQuery(function(){
+……
+})
+```
+
+
+
+
+### 鼠标事件
+
+在jQuery中，常见的鼠标事件如下表:
+
+| 事件 | 说明 |
+| --------- | ------------ |
+| click | 鼠标单击事件 |
+| dblclick | 鼠标双击事件 |
+| mouseover | 鼠标移入事件 |
+| mouseout | 鼠标移出事件 |
+| mousedown | 鼠标按下事件 |
+| mouseup | 鼠标松开事件 |
+| mousemove | 鼠标移动事件 |
+| mouseenter| 鼠标移入元素 |
+|mouselevave| 鼠标移出元素 |
+
+
+jQuery 事件比JavaScript事件只是少了“on”前缀。例如鼠标单击事件在JavaScript中是onclick，而在jQuery中是 click。
+
+ jQuery事件的语法很简单，我们都是往事件方法中插入一个匿名函数function(){}
+
+### 键盘事件
+
+#### keypress() 事件函数
+
+说明：
+
+ 当键盘或按钮被按下时，发生 keypress 事件。keypress 事件与 keydown 事件类似。当按钮被按下时，会发生该事件。它发生在当前获得焦点的元素上。 不过，与 keydown 事件不同，每插入一个字符，就会发生 keypress 事件。
+ 如果在文档元素上进行设置，则无论元素是否获得焦点，该事件都会发生。
+
+keypress事件不会触发所有的键，比如Alt、Ctrl、Shift、ESC等。
+
+ 语法：
+
+ 触发被选元素的 keypress 事件：
+
+ $(selector).keypress()
+
+
+添加函数到 keypress 事件：
+
+ $(selector).keypress(function)
+
+
+解释：
+
+ keypress()事件的参数是回调函数，当keypress事件触发时运行回调函数。
+
+
+#### keydown() 事件函数
+
+ 说明：
+
+当键盘或按钮被按下时，发生 keydown 事件。如果在文档元素上进行设置，则无论元素是否获得焦点，该事件都会发生。
+
+ 语法：
+
+触发被选元素的 keydown 事件：
+
+ $(selector).keydown()
+
+添加函数到 keydown 事件：
+
+ $(selector).keydown(function)
+
+
+
+解释：
+
+ keydown()方法的参数是回调函数，当keydown事件触发时运行回调函数。在回调函数中，可以使用event.which属性判断哪个键被按下。一般keydown()与keyup()配合一起使用。
+#### keyup() 事件函数
+
+说明：
+
+ 当按钮被松开时，发生 keyup 事件。它发生在当前获得焦点的元素上。如果在文档元素上进行设置，则无论元素是否获得焦点，该事件都会发生。
+
+语法：
+
+ 触发被选元素的 keyup 事件：
+
+ $(selector).keyup()
+
+
+
+ 添加函数到 keyup 事件：
+
+ $(selector).keyup(function)
+
+
+
+解释：
+
+ keyup()方法的参数是回调函数，当keyup事件触发时运行该回调函数。
+
+### 表单事件
+
+#### 1. focus和blur
+focus：获取对象焦点触发事件,如点击文本框时，触发该事件；
+
+blur:失去对象焦点触发事件,如点击除文本框的任何元素，都会触发该事件
+
+```HTML
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
+
+
+```
+也可以使用placeholder插件来实现，具体可打开登入后台代码查看
+
+
+#### 2. select
+
+jQuery选择select，可以通过两种方法：
+
+ 1：$("select[name='selectname']")
+
+ 2：$("#select_id")
+
+最后一行插入option
+
+ $("select_id").append("");
+
+插入第一行（没选中）
+
+ $("select_id").prepend("");
+
+删除option
+
+ $("select_id option[value='0']").remove();
+
+获取value
+
+ var checkValue = $("#select_id").val();
+
+获取text
+
+ var checkText = $("#select_id").find("option:selected").text();
+
+设置选中
+
+ $("select_id option[value='0']").attr("selected", "selected");
+
+取消选中
+
+ $("select_id option[value='0']").remove("selected");
+
+
+
+```HTML
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+```
+
+
+#### 3. change
+
+ change函数用于为每个匹配元素的change事件绑定处理函数。该函数也可用于触发change事件。此外，你还可以额外传递给事件处理函数一些数据。
+
+change事件会在文本内容或选项被更改时触发。该事件仅适用于```和