返回上级
2023-11-29在前端开发中，jQuery 是一个非常流行的 JavaScript 库。它提供了许多方便的方法来操作 HTML 元素、处理事件、发送 AJAX 请求等。而在 jQuery 中，$() 函数是最常用的函数之一，也是最基础的函数之一。
$() 函数可以接受多种不同类型的参数，包括 CSS 选择器、HTML 字符串、DOM 元素、函数等。它返回一个 jQuery 对象，这个对象包含了所有符合选择器条件的元素。我们可以通过这个对象来操作这些元素，比如修改它们的属性、添加或删除它们的子元素、绑定事件等。
下面我们来看一些具体的例子，来说明 $() 函数的用法。
1. 使用 CSS 选择器来获取元素
$() 函数最常用的方式就是使用 CSS 选择器来获取元素。比如，我们想获取页面上所有的 p 元素，可以这样写：
```javascript var paragraphs = $('p'); ```
这样，paragraphs 变量就是一个包含了所有 p 元素的 jQuery 对象了。我们可以通过这个对象来操作这些元素。比如，我们可以修改它们的文本内容：
```javascript paragraphs.text('Hello World!'); ```
这样，所有 p 元素的文本内容都会被修改为 Hello World!。
2. 使用 HTML 字符串来创建元素
$() 函数还可以接受一个 HTML 字符串作为参数，然后根据这个字符串创建一个新的元素。比如，我们想创建一个新的 div 元素，可以这样写：
```javascript var newDiv = $('
'); ```这样，newDiv 变量就是一个包含了新创建的 div 元素的 jQuery 对象了。我们可以将它添加到页面上：
```javascript $('body').append(newDiv); ```
这样，新创建的 div 元素就会被添加到页面的 body 元素中了。
3. 使用 DOM 元素来创建 jQuery 对象
$() 函数还可以接受一个 DOM 元素作为参数，然后将这个元素包装成一个 jQuery 对象。比如，我们有一个已经存在的 div 元素，想用 jQuery 来操作它，可以这样写：
```javascript var existingDiv = document.getElementById('myDiv'); var $existingDiv = $(existingDiv); ```
这样，$existingDiv 变量就是一个包含了 existingDiv 元素的 jQuery 对象了。我们可以通过这个对象来操作这个元素。
4. 使用函数来延迟执行
$() 函数还可以接受一个函数作为参数，这个函数会在页面加载完成后执行。比如，我们想在页面加载完成后弹出一个提示框，可以这样写：
```javascript $(function() { alert('页面加载完成！'); }); ```
这样，当页面加载完成后，就会弹出一个提示框。
总结
$() 函数是 jQuery 中最常用的函数之一，它可以接受多种不同类型的参数，包括 CSS 选择器、HTML 字符串、DOM 元素、函数等。它返回一个 jQuery 对象，这个对象包含了所有符合选择器条件的元素。我们可以通过这个对象来操作这些元素，比如修改它们的属性、添加或删除它们的子元素、绑定事件等。$() 函数的灵活性和易用性，使得 jQuery 成为了前端开发中不可或缺的工具之一。
