一.安装jQuery
1、下载Jquery的js文件
2、在需要使用jquery的文件中引入js文件
$"符号在 jQuery 中代表对 jQuery 对象的引用, "jQuery"是核心对象。
通过该对象可以获取 jQuery 对象,调用 jQuery 提供的方法等。
注:只有 jQuery 对象才能调用 jQuery 提供的方法。
二.DOM对象与Jquery包装集包装集
1.报错
Uncaught ReferenceError: $ is not defined 报错原因:
1、没有引入jquery文件
2、引入的jquery文件顺序不对
2.得到DOM对象
![43e68f2b0a06f0ea2140759328ec7486.png](https://i-blog.csdnimg.cn/blog_migrate/5509b023b9870122025f9746eb67be4b.png)
console.log(document.getElementById("mydiv1"));
3.得到Jquery包装集对象
DOM对象转 Jqyery包装集对象
将DOM对象放到$()括号中
console.log($("#mydiv1"));
选择器
层次选择器(Hierarchy)
后代选择器(ancestor descendant)
$("#parent div")选择 id 为 parent 的元素的所有 div 元素
子代选择器(parent > child )
$("#parent>div")选择 id 为 parent 的直接 div 子元素
相邻选择器(prev + next)
$(".blue + img")选择 css 类为 blue 的下一个 img 元素
同辈选择器(prev ~ sibling)
$(".blue ~ img")选择 css 类为 blue 的之后的 img 元素