总结

jQuery

1. 下载 官网下载地址：http://jquery.com jquery-3.4.1.js ：开发版本 提供良好缩进格式和注释，方便开发者阅读 jquery-3.4.1.min.js ：生产版本 将代码进行压缩，方便网络传输和程序解析
2. 页面引入
3. 操作API $('#myDiv').html('修改动态内容');

jQuery与JS区别【重点】

jQuery虽然本质上也是js，但如果使用jQuery的属性和方法那么必须保证对象是jQuery对象而不是js对 象。
通过js方式获取的是js对象，通过jQuery方式获取的是jQuery对象。两者的关系与区别总结如下：

1. jQuery对象与js对象相互转换
   js --> jq
   $(js对象) 或 jQuery(js对象)
   jq --> js
   jq对象[索引] 或 jq对象.get(索引)
   注意：jq对象本质上是js数组
2. 页面加载事件
   js
   window.onload=function(){}
   jq
   \((function(){})
   \)(document).ready(function(){})
   区别
   js：只能定义一次，如果定义了多次，后加载的会覆盖先加载的
   jq：可以定义多次
3. 事件绑定
   js
   js对象.onclick=function(){}
   jq
   jq对象.click(function(){}) 回调函数
   jq对象.on(事件,function(){})

4. css样式设置：通过对象直接修改

   js
   js对象.style.样式名=样式值
   jq
   jq对象.css('样式名','样式值')
   jq对象.addClass()

   样式名：驼峰式，css横杠 都支持

jQuery 选择器

基本选择器

1. 标签（元素）选择器 语法：$("html标签名") 获得所有匹配标签名称的元素
2. id选择器 语法：$("#id的属性值") 获得与指定id属性值匹配的元素
3. class 选择器 语法：$(".class的属性值") 获得与指定的class属性值匹配的元素
4. 并集选择器 语法：$("选择器1,选择器2....") 获取多个选择器选中的所有元素
5. 匹配所有选择器 语法：$("*") 获取所有元素

属性选择器

1. 属性名选择器 语法：\(("A[属性名]") 包含指定属性的选择器
   属性选择器 语法：\)("A[属性名='值']") 包含指定属性等于指定值的选择器 3. 复合属性选择器 语法：$("A[属性名='值'][]...") 包含多个属性条件的选择器

层级选择器：

​

​ 属性选择器：

​ 1. 属性名选择器：

​ 语法：$("A[属性名]") 包含指定属性的选择器

​ 2.属性选择器：

​ 语法：$("A[属性名='值']") 包含指定属性等于指定值的选择器

​ 3.复合属性选择器：

​ 语法：$("A [属性名='值'] [ ]...") 包含多个属性条件的选择器

​ 基本过滤选择器：

​

​ 表单过滤选择器：

​

jQuery的DOM操作：

​ 内容操作：

​

​ 属性操作：

​

​ prop()特点：在jq 1.6版本推出，解决attr设计缺陷，专门来处理布尔类型的属性，如：checked，selected等

​ css样式操作：

​

​ 文档CRUD操作：

​