html引入jquery_jQuery

一．安装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对象

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 元素

基础选择器（Basics）

id 选择器 （#id）