JQuery基础（详细简单）

1.JQuery简介

JQ就是把JavaScript进行封装，用更少的代码，做更多的事情，JQuery的核心理念是"Write Less, Do More"（写得更少，做得更多）

2.下载JQuery

JQuey不需要安装，把它放在公共的位置，使用的时候，用< script>标签引入使用
< script src=“/jQuery.min.js”>< /script>

1.第一步
打开官网：https://jquery.com/
2.找到下载位置

点击Download jQuery

3.选择要下载的文件

第一个是压缩的文件（开发使用）
第二个是没有压缩的文件（学习使用）

看自己的需求进行下载

下载完成把文件的代码复制到用js命名的文件里面然后引入就可以使用

3.语法结构

jQuery语法结构由三部分组成：工厂函数$（）,选择器selector和方法action。

工厂函数 $()：
jQuery 的工厂函数 $() 是 jQuery 最基本的部分之一。它是一个全局函数，用于创建 jQuery 对象，使您可以对 DOM 元素进行操作。
它接受一个或多个参数，通常是 CSS 选择器、HTML 元素、JavaScript 对象、DOM 元素、数组等，然后返回一个 jQuery 对象。
通过这个 jQuery 对象，您可以使用 jQuery 提供的方法来操作选中的元素。

选择器（selector）：
选择器是用来选择 HTML 元素的表达式。它是 jQuery 的核心之一，使得您可以通过类似 CSS 选择器的语法来选择页面上的元素。
选择器可以选择单个元素、多个元素、特定类型的元素或者带有特定属性的元素等。
选择器可以是标签名、类名、ID、属性、子元素、伪类等等。

方法（action）：
方法是对选中的元素执行的操作或动作。jQuery 提供了大量的方法，用于修改选中元素的属性、样式、内容，以及处理事件、动画等。
这些方法可以是获取或设置元素的属性，添加或删除元素，处理事件，执行动画等。
常见的方法包括 .html()、.css()、.append()、.click()、.fadeIn() 等等。

选择器：

1. 基本选择器：

元素选择器：选择指定类型的元素。例如，$ (“p”) 会选择所有 < p> 元素。
类选择器：选择具有指定类的元素。例如，$ (“.classname”) 会选择所有类名为 “classname” 的元素。
ID 选择器：选择具有指定 ID 的元素。例如，$(“#idname”) 会选择 ID 为 “idname” 的元素。

2. 层次选择器

后代选择器（Descendant Selector）：
格式：$ (“ancestor descendant”)
描述：选择所有指定祖先元素内的后代元素。
示例：$(“div p”) 会选择所有 < div> 元素内的 < p> 元素

子元素选择器（Child Selector）：
格式：$ (“parent > child”)
描述：选择指定父元素的直接子元素。
示例：$(“ul > li”) 会选择所有 < ul> 元素下直接的 < li> 子元素。

相邻兄弟选择器（Adjacent Sibling Selector）：
格式：$ (“prev + next”)
描述：选择紧接在指定元素之后的同级元素。
示例：$(“h2 + p”) 会选择紧接在 < h2> 元素后面的 < p> 元素。

兄弟选择器（General Sibling Selector）：
格式：$ (“prev ~ siblings”)
描述：选择指定元素后面的所有同级元素。
示例：$(“h2 ~ p”) 会选择 < h2> 元素后面的所有 < p> 元素。

3. 过滤选择器

first：选择第一个匹配的元素。
last：选择最后一个匹配的元素。
even：选择偶数索引的元素。
odd：选择奇数索引的元素。
eq(index)：选择索引等于给定值的元素。
not(selector)：选择不匹配给定选择器的元素。
contains(text)：选择包含指定文本的元素。