JQuery（一）：快速入门、JQ与JS相互转换、JQuery中的选择器

**jQuery快速入门**

jQuery是一种轻量级的JavaScript库，用于简化HTML文档的操作和动态效果。它提供了一个友好的API，使开发者能够更容易地实现复杂的交互式功能。

### 安装jQuery首先，我们需要在我们的项目中安装jQuery。有几种方法可以做到这一点：

* **使用CDN（内容分发网络）**：我们可以直接从jQuery CDN中引入jQuery文件。
* **下载并手动包含**：我们可以下载最新的jQuery版本，并将其包含在我们的HTML文档中。

### jQuery基本概念下面是一些基本的jQuery概念：

* **选择器（Selector）**：用于选取HTML元素的方式。例如，`$()`、`.class`、`#id`等。
* **方法（Method）**：用于操作选中的元素的函数。例如，`hide()`、`show()`、`css()`等。

### jQuery与JavaScript相互转换jQuery提供了一个简单的方式来将JavaScript代码转换为jQuery语法。我们可以使用以下方法：

* **$(selector)**：将选择器传递给jQuery函数，以选取元素。
* **.method()**：在选中的元素上调用方法。

### jQuery中常用的选择器下面是一些常用的jQuery选择器：

* **$()`**:选取所有HTML元素。
* **$(selector)**：根据选择器选取元素。例如，`$(".class")`、`$("#id")`等。
* **$("tag")**：选取指定标签的元素。例如，`$("p")`等。

### jQuery中常用的方法下面是一些常用的jQuery方法：

* **hide()**：隐藏选中的元素。
* **show()**：显示选中的元素。
* **css()**：设置或获取选中的元素的CSS样式。
* **html()**：设置或获取选中的元素的HTML内容。

### jQuery示例代码下面是一个简单的jQuery示例：

javascript//选取所有p标签$("p").hide();

// 设置选中元素的背景色为红色$(".class").css("background-color", "red");

// 获取选中元素的HTML内容$("#id").html("Hello World!");

javascript//选取所有p标签/* * $()：将选择器传递给jQuery函数，以选取元素。
 */
$("p").hide();

// 设置选中元素的背景色为红色/*
 * .css()：在选中的元素上设置CSS样式。
 * "background-color"：CSS属性名。
 * "red"：CSS属性值。
 */
$(".class").css("background-color", "red");

// 获取选中元素的HTML内容/*
 * .html()：获取选中的元素的HTML内容。
 */
$("#id").html("Hello World!");