jQuery是一个优秀的、轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+），而jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。
1、jQuery入口函数与Js入口函数的区别
【注】js入口函数指的是：[removed] = function(){
jQuery 是一个广泛使用的 JavaScript 库，它极大地简化了 HTML 文档遍历、事件处理、动画制作和 AJAX 交互。在本文中，我们将深入探讨 jQuery 的基础知识点，包括 jQuery 入口函数与 JavaScript 入口函数的区别、jQuery 对象与 DOM 对象的相互转换以及 jQuery 的选择器。
1. **jQuery 入口函数与 JavaScript 入口函数的区别**
- JavaScript 入口函数通常是指 `window.onload`，它会在整个页面包括所有资源（如图片、CSS、JavaScript 文件等）完全加载完毕后执行。这意味着如果有多个 `window.onload` 函数，后面的会覆盖前面的，导致只执行最后一个。
- jQuery 提供的入口函数是 `$(document).ready()` 或简写 `$().ready()`，它在 DOM（文档对象模型）加载完成后即执行，不必等待所有资源加载。因此，可以在页面中多次使用 `$(document).ready()`，它们不会互相覆盖，而是都会执行。
2. **jQuery 对象与 DOM 对象的相互转换**
- DOM 对象是通过原生 JavaScript API 如 `document.getElementById()` 获取的元素。
- jQuery 对象是通过 `$()` 包裹 DOM 对象或 CSS 选择器得到的，它提供了更丰富的操作方法。
- DOM 对象转换为 jQuery 对象，可以通过 `$()` 将 DOM 对象作为参数传递，如 `$btn = $(btn)`。
- jQuery 对象转换为 DOM 对象，通常有两种方式：访问其数组形式的索引，如 `btn1 = $btn[0]`，或者使用 `.get()` 方法，如 `btn2 = $btn.get(0)`。
3. **jQuery 选择器**
- 基本选择器：`#ID` 选择具有特定 ID 的元素，`.` 类选择器选择具有特定类的元素，`element` 标签选择器选择特定标签的元素。
- 层级选择器：`>` 子代选择器选择直接子元素，` ` 后代选择器选择所有后代元素。
- 过滤选择器：`:eq(index)` 选择特定索引的元素，`:odd` 和 `:even` 选择奇偶索引的元素。
- 筛选选择器（方法）：`find(selector)` 查找后代元素，`children(selector)` 查找直接子元素。
jQuery 的选择器非常强大，能够精准定位页面上的元素，从而方便地进行样式修改、事件绑定等操作。此外，jQuery 还提供了丰富的动画效果，如 `fadeIn()`, `slideUp()`, `animate()` 等，使得创建复杂的动态效果变得简单。另外，jQuery 插件生态系统庞大，可以快速扩展功能，例如表单验证、轮播图、弹出框等。
jQuery 以其简洁的语法和广泛的浏览器兼容性，极大地提高了开发效率，降低了前端开发的复杂性。掌握 jQuery 的基础知识，对于任何前端开发者来说都是非常重要的。通过理解并熟练运用 jQuery 入口函数、对象转换和选择器，可以更高效地操纵网页元素，提升用户体验。
