diff --git "a/29 \350\267\257\347\216\262/20231213 \351\200\211\346\213\251\345\231\250.md" "b/29 \350\267\257\347\216\262/20231213 \351\200\211\346\213\251\345\231\250.md"
new file mode 100644
index 0000000000000000000000000000000000000000..5bc757ad7c322d5f7d781d714226710a5f6ec7af
--- /dev/null
+++ "b/29 \350\267\257\347\216\262/20231213 \351\200\211\346\213\251\345\231\250.md"
@@ -0,0 +1,828 @@
+## 笔记
+
+**### 3 选择器**
+
+
+
+\```js
+
+我是一个标题
+
+我是有id的p段落
+
+
+
+\```
+
+
+
+**### 4 jQuery事件**
+
+
+
+***\*****1.js事件回顾*****\***
+
+
+
+\```js
+
+javascript事件
+
+ 1.以on开头，比如鼠标单击事件onclick，onchange,onready,onblur,oninput,
+
+ javascript事件一般通过注册事件句柄实现绑定
+
+ 2.js事件通常是一个函数，通过事件驱动执行，js函数内部可以使用jquery方式进行选中元素
+
+ 3.位置：js事件函数写在标签内，ready()外
+
+
+
+ 定义onclick事件函数
+
+
+
+
+
+
+
+ function jsClick(){
+
+ alert("js鼠标单击事件...");
+
+ // 使用jquery选中选中其它元素
+
+ $("#myText").css("background-color","red");
+
+ }
+
+
+
+\```
+
+
+
+***\*****2.jQuery事件*****\***
+
+
+
+\```js
+
+/*
+
+ jquery事件：
+
+ 1.没有on，直接以js事件去掉相应的on即可
+
+ 2.位置：ready()内
+
+ ready(function){
+
+ $("jquery选择器").事件类型(function(){
+
+ 事件体...
+
+ })
+
+ }
+
+ */
+
+ $(document).ready(function(){
+
+ // 鼠标单击事件
+
+ $("#myButton").click(function(){
+
+ $("#myText").css("background-color","red");
+
+ })
+
+ })// ready()结束标记
+
+
+
+\```
+
+
+
+***\*****3.常见的jQuery事件*****\***
+
+
+
+\```js
+
+ 鼠标事件
+
+ -click：鼠标单击
+
+ -- dblclick 双击
+
+ -mouseover：鼠标进入（进入子元素也会触发）
+
+ -mouseout：鼠标离开（离开子元素也会触发）
+
+ -focus：元素获得焦点
+
+ -blur：元素失去焦点
+
+
+
+ 键盘事件
+
+ -keydown：键盘按下事件，从上到下的过程
+
+ -keyup：松开键盘
+
+ -keypress：键盘被按到最底部
+
+ 绑定事件
+
+ 1.形式 addEventLister("事件名",函数)
+
+ $("jquery选择器").bind("事件名",函数)
+
+ 好处：更加通用
+
+ 2.多组事件绑定：
+
+ $("jquery选择器").bind({"事件名":函数，"事件名":函数，"事件名":函数，})
+
+
+
+
+
+显示效果：
+
+ -show(参数1，参数2)：显示
+
+ -hide(参数1，参数2)：隐藏
+
+
+
+
+
+ -fadeIn(参数1，参数2)：淡入
+
+ -slideDown(参数1，参数2)：展开
+
+ 关于参数：参数1表示速度，可选值有slow、fast、normal
+
+ 参数2表示回调函数
+
+ 隐藏效果：
+
+
+
+ -fadeOut(参数1，参数2)：淡出
+
+ -slideUp(参数1，参数2)：拉升 (压缩)
+
+
+
+ $("p").one( "click", fun...) //one 绑定一个一次性的事件处理函数
+
+ $("p").unbind( "click" ) //解绑一个事件
+
+
+
+\```
+
+
+
+**### 5 jQuery操作DOM对象**
+
+
+
+***\*****1.jQuery操作样式*****\***
+
+
+
+\```js
+
+i.设置css
+
+ 获取对象的某个样式的属性对应的值jquery对象.css("属性名") style
+
+ 设置单个样式：jquery对象.css("属性名","属性值")
+
+ 设置多个样式：jquery对象.css({"属性名":"属性值",属性名":"属性值,属性名":"属性值})
+
+classList.add .remove toggle .contains
+
+ii.追加或移出预定义样式
+
+ addClass("xxx")：追加单个属性
+
+ addClass("xxx xxx xxx")：追加多个属性
+
+ removeClass("xxx")：移除单个属性
+
+ removeClass("xxx xxx xxx")：移除多个属性
+
+ toggleClass("xxx xxx xxx")：轮换属性
+
+ 可以在style标签预定义一些样式，通过add或remove方法进行追加或移除属性
+
+
+
+\```
+
+
+
+***\*****2.jQuery操作内容*****\***
+
+
+
+\```js
+
+i.jquery操作DOM之内容
+
+ 取值(文本)：
+
+ html()：获取值，获取的是元素的内容，包括元素内部的各种标签 innerHTML
+
+ text()：获取值，只获取内容值，不包括各种标签 innerText
+
+ 赋值：
+
+ html("xxx")：先渲染，后显示 innerHTML= xxx
+
+ text("xxx")：原封不动显示，不进行渲染 innerText = xxx
+
+
+
+ 表单的：
+
+ val()：获取属性值 .value
+
+ val("xxx")：赋值 .value =xxx
+
+
+
+## 作业
+
+tab栏切换
+
+```html
+
+
+
+
+
+
+
+ tab栏切换
+
+
+
+
+
+
+
+
+
+
+
+```
+
+轮播图
+
+```html
+
+
+
+
+
+
+
+ 轮播图点击切换
+
+
+
+
+
+
+
+
+
+
