JavaScript 教程
JavaScript 是 Web 的编程语言。
所有现代的 HTML 页面都可以使用 JavaScript。
JavaScript 非常容易学。
本教程将教你学习从初级到高级 JavaScript 知识。
为什么学习 JavaScript?
JavaScript 是 web 开发人员必须学习的 3 门语言中的一门：
- HTML 定义了网页的内容
- CSS 描述了网页的布局
- JavaScript 控制了网页的行为
JavaScript 简介
JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
JavaScript 很容易学习。
javaScript分为3部分
dom：文档对象模型bom：浏览器对象模型
ECMAScript：主要指的是语法 比如声量变量 函数 条件判断 循环等等
jQuery安装方式
有三种方式可以安装 jQuery：
1. 下载并引入：可以从 jQuery 的官方网站（[https://jquery.com/）下载](https://jquery.com/%EF%BC%89%E4%B8%8B%E8%BD%BD) jQuery 的压缩版本（通常是 .min.js 文件），然后将其引入到 HTML 文件中。
2. 使用 CDN：可以使用托管在 CDN（内容分发网络）上的 jQuery 文件。这样可以通过在 HTML 文件中引入 CDN 上的 jQuery 文件来加载 jQuery。
3. 包管理工具：如果正在使用包管理工具（如 npm、Yarn），可以使用该工具来安装 jQuery。然后，可以将 jQuery 作为模块导入到项目中。
## jQuery引入方式
一般来说，将 jQuery 引入的位置放在页面的 `<head>` 标签中靠前的位置是比较常见的做法。这样可以确保在其他 JavaScript 代码中使用 jQuery 之前，jQuery 已经被加载和解析。
## jQuery选择器
以下是一些常用的 jQuery 选择器及其对应的代码示例：
1. 元素选择器：通过元素名称选择元素。
```
$('div') // 选择所有的 <div> 元素
```
2. ID 选择器：通过元素的 ID 属性选择元素。
3. 类选择器：通过元素的类名选择元素。
4. 属性选择器：通过元素的属性选择元素。
5. 后代选择器：选择元素的后代元素。
6. 子元素选择器：选择元素的直接子元素。
7. 同级选择器：选择元素的同级元素。
8. 过滤选择器：根据特定条件过滤元素。
这些是一些常见的 jQuery 选择器，可以根据需要选择特定的元素或元素集合。通过结合使用选择器和其他 jQuery 方法，可以对选中的元素进行操作、绑定事件等。请根据实际需求选择适当的选择器，并在 jQuery 代码中使用它们。
有三种方式可以安装 jQuery：
1. 下载并引入：可以从 jQuery 的官方网站（[https://jquery.com/）下载](https://jquery.com/%EF%BC%89%E4%B8%8B%E8%BD%BD) jQuery 的压缩版本（通常是 .min.js 文件），然后将其引入到 HTML 文件中。
<script src="jquery.min.js"></script>
2. 使用 CDN：可以使用托管在 CDN（内容分发网络）上的 jQuery 文件。这样可以通过在 HTML 文件中引入 CDN 上的 jQuery 文件来加载 jQuery。
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
3. 包管理工具：如果正在使用包管理工具（如 npm、Yarn），可以使用该工具来安装 jQuery。然后，可以将 jQuery 作为模块导入到项目中。
## jQuery引入方式
一般来说，将 jQuery 引入的位置放在页面的 `<head>` 标签中靠前的位置是比较常见的做法。这样可以确保在其他 JavaScript 代码中使用 jQuery 之前，jQuery 已经被加载和解析。
## jQuery选择器
以下是一些常用的 jQuery 选择器及其对应的代码示例：
1. 元素选择器：通过元素名称选择元素。
```
$('div') // 选择所有的 <div> 元素
$('li:first') // 选择第一个 <li> 元素
$('li:last') // 选择最后一个 <li> 元素
$('li:even') // 选择索引为偶数的 <li> 元素
$('li:odd') // 选择索引为奇数的 <li> 元
$('li:eq(2)') //
```
2. ID 选择器：通过元素的 ID 属性选择元素。
```javascript
$('#myElement') // 选择 ID 为 "myElement" 的元素
```
3. 类选择器：通过元素的类名选择元素。
```javascript
$('#myElement') // 选择 ID 为 "myElement" 的元素
```
4. 属性选择器：通过元素的属性选择元素。
```javascript
$('#myElement') // 选择 ID 为 "myElement" 的元素
```
5. 后代选择器：选择元素的后代元素。
```javascript
$('#myElement') // 选择 ID 为 "myElement" 的元素
```
6. 子元素选择器：选择元素的直接子元素。
```javascript
$('#myElement') // 选择 ID 为 "myElement" 的元素
```
7. 同级选择器：选择元素的同级元素。
```javascript
$('#myElement') // 选择 ID 为 "myElement" 的元素
```
8. 过滤选择器：根据特定条件过滤元素。
$('li:first') // 选择第一个 <li> 元素
$('li:last') // 选择最后一个 <li> 元素
$('li:even') // 选择索引为偶数的 <li> 元素
$('li:odd') // 选择索引为奇数的 <li> 元素
$('li:eq(2)') // 选择索引为 2 的 <li> 元素
这些是一些常见的 jQuery 选择器，可以根据需要选择特定的元素或元素集合。通过结合使用选择器和其他 jQuery 方法，可以对选中的元素进行操作、绑定事件等。请根据实际需求选择适当的选择器，并在 jQuery 代码中使用它们。
浙公网安备 33010602011771号