黑马jquery笔记
时间: 2025-04-21 20:23:44 浏览: 23
### 黑马 jQuery 学习笔记概述
#### 了解 jQuery 及其优势
jQuery 是一种轻量级的 JavaScript 库,旨在简化 HTML 文档遍历、事件处理、动画创建以及 Ajax 交互等功能[^1]。通过使用 jQuery,开发者可以编写更简洁高效的代码来实现复杂的网页功能。
#### DOM 对象与 jQuery 对象的区别
DOM (文档对象模型) 对象是指由浏览器解析后的 HTML 页面结构所形成的节点树中的每一个元素实例;而 jQuery 对象则是基于这些原始 DOM 元素封装而成的对象集合,提供了更多便捷的方法来进行操作。例如:
```javascript
// 获取单个 DOM 元素并转换成 jQuery 对象
var domElement = document.getElementById('myDiv');
var jqueryObject = $(domElement);
```
#### 使用 CDN 加载 jQuery 文件
为了快速引入 jQuery 库而不必自行下载安装,可以通过百度提供的公共 CDN 来加载最新版本的 jQuery 文件[^2]:
```html
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
```
#### 类的操作方法
在实际开发过程中经常需要用到动态修改 CSS 类的功能,这里介绍几种常见的类管理方式[^4]:
- `addClass()` 方法用于向匹配到的一个或多个元素添加指定的 class 属性值;
- `removeClass()` 方法用来删除已有的某个特定 class 或者全部 classes;
- `toggleClass()` 则是在存在时移除给定 class ,不存在则添加它。
#### 动画效果之显示隐藏
最后值得一提的是,jQuery 提供了一系列简单的 API 实现页面上各种各样的过渡变化,比如淡入淡出、滑动展开收缩等视觉特效。其中最基本的就是控制元素可见性的两种状态之间的切换——`show() / hide()` 函数.
阅读全文
相关推荐







