diff --git "a/29\345\220\264\346\230\212\347\273\251/\347\254\224\350\256\260/11.21JQuery.md" "b/29\345\220\264\346\230\212\347\273\251/\347\254\224\350\256\260/11.21JQuery.md"
new file mode 100644
index 0000000000000000000000000000000000000000..775fc29cf3d62532fe1e3d613fa46b9099822010
--- /dev/null
+++ "b/29\345\220\264\346\230\212\347\273\251/\347\254\224\350\256\260/11.21JQuery.md"
@@ -0,0 +1,58 @@
+JQuery
+jQuery本身就是用JavaScript来写的，它只是把JavaScript中最常用的功能封装起来，以方便我们快速开发
+
+jQuery具有很多优点，
+
+主要包括： 1. 代码简洁 2. 完美兼容 3. 轻量级 4. 强大的选择器 5. 完善的AJAX 6. 丰富的插件 “简洁与高效”是jQuery最大的特点。
+
+JQuery安装
+jQuery文件，说白了就是一个“外部JavaScript文件”。所谓的安装jQuery，其实就是把这个外部 JavaScript文件引入后，就可以使用jQuery语法了。
+
+
+JQuery选择器
+基本选择器
+id选择器
+
+$('#div')
+类选择器
+
+$('.div')
+元素名称选择器
+
+$('div')
+选择所有元素
+
+$('*')
+群组选择器
+
+$('#testDiv, span, blue')
+//同时选择多个选择器匹配的元素
+层次选择器
+后代选择器
+
+$('#parent div')
+//选择id为parent的元素的所有div元素
+子代选择器
+
+$('#parent>div')
+//选择id为parent的直接div子元素
+相邻选择器
+
+$('.blue + img')
+//选择css类为blue的下一个img元素
+同辈选择器
+
+$('.blue ~ img')
+//选择css类为blue的之后的img元素
+属性选择器
+E[attr]
+//选择元素E，其中E元素必须带有attr属性
+E[attr = “value”]
+//选择元素E，其中E元素的attr属性取值是value
+//可以利用正则筛选
+伪类选择器
+常用的有：“表单”伪类选择器，“表单属性”伪类选择器
+
+$(':input')
+//查找所有input元素
+//会匹配所有的input, textarea,select和button元素
\ No newline at end of file
diff --git "a/29\345\220\264\346\230\212\347\273\251/\347\254\224\350\256\260/11.22jQuery-Dom\345\205\203\347\264\240.md" "b/29\345\220\264\346\230\212\347\273\251/\347\254\224\350\256\260/11.22jQuery-Dom\345\205\203\347\264\240.md"
new file mode 100644
index 0000000000000000000000000000000000000000..6386b2c9b3333a5c2f2e25d6c2dbe840836cf415
--- /dev/null
+++ "b/29\345\220\264\346\230\212\347\273\251/\347\254\224\350\256\260/11.22jQuery-Dom\345\205\203\347\264\240.md"
@@ -0,0 +1,74 @@
+Dom元素的其他操作:属性操作、样式操作、设置和获取HTML,文本和值、遍历节点操作、Css-Dom操作。
+ 1、属性操作attr()和removeAttr()
+ attr()方法能够获取元素属性，也能能够设置元素属性。方法如下，当attr(para1)方法有个参数时候用于获得当前元素的para1的属性值，当attr(para1,attrValue)有两个参数时候设置当前元素的属性名为para1的属性值为attrValue;例：
+
+ $("p").attr("title");该示例用于获得p元素的title属性值。
+
+ $("p").attr("title","你最喜欢的水果");该示例设置p元素的title属性值为"你最喜欢的水果";
+
+ 如果一次设置多个属性值可以使用“名/值”对形式，例：
+
+ $("p").attr({"title":"你最喜欢的水果","name":"水果"})。该示例一次设置两个属性值。
+
+ removeAttr()方法用于删除特定的属性，方法是在参数中指定属性名。例：
+
+ $("p").removeAttr("name");该方法就是移除p元素的name属性。
+
+ 2、样式操作addClass()、removeClass()、toggleClass()和hasClass()
+ 添加样式addClass()方法，使用该方法对目标元素添加相应的样式，方法如下：$(element).addClass();例：
+
+ $("p").addClass("ul");该示例设置元素p的样式为ul。
+
+ 移除样式removeClass()方法，使用该方法移除目标元素的指定样式，方法如下：$(element).removeClass();例：
+
+ $("p").removeClass("ul");该救命去除掉p元素的ul类样式。
+
+ 切换样式toggleClass()方法，使用该方法切换目标元素的样式，方法如下：$(element).toggleClass();例：
+
+ $("p").toggleClass("ul");该方法来回切换【添加删除实现切换】元素p的样式ul.
+
+ 判断元素是否使用了样式(element).hasClass(),方法如下：(element).hasClass(class);例：
+
+ alert($("p").hasClass("ul"));打印出p元素是否有ul样式。
+
+ PS:addClass()和attr()方法设置样式的不同，attr方法把元素的属性名对应的属性值设为方法中的参数值，addClass()则把属性值
+
+添加到属性名对应的属性值中。例：已有元素
+
+元素样式
+
+,使用attr()和addClass()分别添加新样式。
+ $("p").attr("class","another").结果是
+
+元素样式
+
+ $("p").addClass("class","another")结果是
+
+元素样式
+
+ 3、设置和获取HTML【html()】,文本【text()】和值【val()】
+ html()方法获得或设置某个元素的html元素。方法如下:$(selector).html();例:
+
+ $("p").html();该示例获得元素p的html内容。
+
+ $("p").html("添加html内容");该示例设置p的html内容为”添加html内容“;
+
+ PS：该方法可以用于XHTML文档，不能用于XML文档。
+
+ text()方法获得或设置某个元素的文本值。方法如下:$(selecotr).text();例：
+
+ $("p").text();该示例获得元素p的text文本内容。
+
+ $("p").text("重新设置的文本内容");该示例设置元素p的text文本为"重新设置的文本内容";
+
+ PS:该方法对html和XML文档都适用。
+
+ val()方法获得或设置某个元素的值，如果元素值是多选则以数组形式返回，方法如下：$(selector).val();例:文本元素
+
+ $("#userName").val();获得input元素的值。
+
+ $("#userName").val('响马');设置input元素的值为'响马'。
+
+ val()方法的不仅能操作input，最重要的一个用途用于select【下拉列表框】、checkbox【多选框】、radio【单选框】。例：在下拉框下的多选赋值应用苹果香蕉西瓜
+
+ $("#fruits").val(['苹果','香蕉']);该示例使select中苹果和香蕉两项被选中。
\ No newline at end of file
diff --git "a/29\345\220\264\346\230\212\347\273\251/\347\254\224\350\256\260/11.23jquery\344\272\213\344\273\266.md" "b/29\345\220\264\346\230\212\347\273\251/\347\254\224\350\256\260/11.23jquery\344\272\213\344\273\266.md"
new file mode 100644
index 0000000000000000000000000000000000000000..080e4632d9775e3f6e6854b7b2c663fc79fc628e
--- /dev/null
+++ "b/29\345\220\264\346\230\212\347\273\251/\347\254\224\350\256\260/11.23jquery\344\272\213\344\273\266.md"
@@ -0,0 +1,37 @@
+jquery事件
+
+在JavaScript中，onload表示文档加载完成后再执行的一个事件。window.onload只能调用一次，如果多次调用，则只会执行最后一个，是在加载完所有页面内容才会触发。
+
+
+window.onload = function(){……}
+
+
+ready事件
+
+在jQuery中，ready也表示文档（document）加载完成后再执行的一个事件。在页面加载完成后，立即执行指定的函数。这么做的好处是可以减少页面渲染的时间，加快页面加载，提升用户体验
+
+click()
+
+click() 方法是当按钮点击事件被触发时会调用一个函数。
+
+dblclick()
+
+当双击元素时，会发生 dblclick 事件。
+
+dblclick() 方法触发 dblclick 事件，或规定当发生 dblclick 事件时运行的函数：
+
+mousedown()
+
+当鼠标指针移动到元素上方，并按下鼠标按键时，会发生 mousedown 事件。
+
+mousedown() 方法触发 mousedown 事件，或规定当发生 mousedown 事件时运行的函数：
+
+mouseup()
+
+当在元素上松开鼠标按钮时，会发生 mouseup 事件。
+
+mouseup() 方法触发 mouseup 事件，或规定当发生 mouseup 事件时运行的函数：
+
+1. 单选框选择某一项时触发。
+2. 复选框选择某一项时触发。
+3. 下拉菜单选择某一项时触发。
\ No newline at end of file
diff --git "a/29\345\220\264\346\230\212\347\273\251/\347\254\224\350\256\260/11.24.jquery\344\272\213\344\273\266\345\257\271\350\261\241.md" "b/29\345\220\264\346\230\212\347\273\251/\347\254\224\350\256\260/11.24.jquery\344\272\213\344\273\266\345\257\271\350\261\241.md"
new file mode 100644
index 0000000000000000000000000000000000000000..024a0a61d47d1905dc4b8fc810e6315c23ac096e
--- /dev/null
+++ "b/29\345\220\264\346\230\212\347\273\251/\347\254\224\350\256\260/11.24.jquery\344\272\213\344\273\266\345\257\271\350\261\241.md"
@@ -0,0 +1,48 @@
+bind()：绑定
+javascript
+$(selector).bind(event,data,function)
+
+on() 方法在被选元素及子元素上添加一个或多个事件处理程序。
+
+绑定事件
+js
+
+
+
+绑定多个事件
+js
+
+
+
+JQuery off() 方法
+
+off() 方法通常用于移除通过 on() 方法添加的事件处理程序。
+
+解绑事件
+
+js
+
+
+
+hover()方法
+
+ 用于模拟光标悬停事件。当光标移动到元素上时，会触发指定的第一个函数，当光标移出这个元素时，会触发指定的第二个函数.