jQuery 中的 $() 函数是一个非常重要的函数,它是 jQuery 框架的核心之一。$() 函数可以接受不同的参数,来代表不同的含义和操作。
以下是 $() 函数中常见的参数及其含义:
1. 选择器字符串:当传入一个选择器字符串时,$() 函数将会返回与该选择器匹配的元素的 jQuery 对象。例如:
$("#myElement"):选取 ID 为 "myElement" 的元素并返回 jQuery 对象。
$(".myClass"):选取 class 为 "myClass" 的元素并返回 jQuery 对象。
$("div"):选取所有 <div> 元素并返回 jQuery 对象。
2. HTML 字符串:当传入一个 HTML 字符串时,$() 函数将会创建一个包含该 HTML 内容的新元素,并返回 jQuery 对象。例如:
$("<div>Hello, World!</div>"):创建一个包含 "Hello, World!" 文本内容的 <div> 元素并返回 jQuery 对象。
3. 元素或 DOM 对象:当传入一个元素(或 DOM 对象)时,$(element) 将会把该元素封装成 jQuery 对象并返回。这样做可以使用 jQuery 的方法和属性来操作该元素。例如:
$(document.getElementById("myElement")):将 ID 为 "myElement" 的元素转换为 jQuery 对象。
4. 函数:当传入一个函数时,$() 函数会在 DOM 加载完成后执行该函数。这对于在页面加载完毕后执行一些操作非常有用。例如:
$(function() { ... }):当文档加载完毕后执行函数中的代码。
5. 其他参数:$() 函数还可以接受其他一些参数,例如传入一个数组或 jQuery 对象,用于合并多个 jQuery 对象等操作。
需要注意的是,$() 函数返回的是 jQuery 对象
示例:
javascript
// 选择器字符串
$("#myElement").addClass("highlight"); // 选取 ID 为 "myElement" 的元素并添加 CSS 类名 "highlight"
// HTML 字符串
var newDiv = $("<div>Hello, World!</div>"); // 创建一个包含 "Hello, World!" 文本内容的 <div> 元素
// 元素或 DOM 对象
var element = document.getElementById("myElement");
var $element = $(element); // 封装元素为 jQuery 对象
// 函数
$(function() {
// 执行页面加载完成后的操作
});
// 其他参数
var $merged = $(".class1").add(".class2"); // 合并两个 jQuery 对象