jquery() 方法
jQuery() 方法概述
jQuery() 是 jQuery 库的核心方法，用于选择 DOM 元素或创建 DOM 元素。它通常简写为 $()。该方法支持多种参数类型，包括选择器字符串、DOM 元素、HTML 字符串或函数。
基本用法
选择 DOM 元素
通过 CSS 选择器获取匹配的元素集合：
$('div') // 选择所有 <div> 元素
$('#header') // 选择 id 为 "header" 的元素
$('.menu-item') // 选择 class 为 "menu-item" 的元素创建 DOM 元素
传入 HTML 字符串可创建新元素：
$('<p>Hello World</p>') // 创建一个 <p> 元素
$('<div class="box"></div>') // 创建带 class 的 <div>包装 DOM 对象
将原生 DOM 元素转换为 jQuery 对象：
const element = document.getElementById('header');
$(element) // 包装为 jQuery 对象文档就绪回调
传入函数时，会在 DOM 加载完成后执行：
$(function() {
console.log('DOM 已加载');
});参数扩展
-
上下文参数
指定搜索范围（第二个参数）：$('li', '#list') // 在 #list 元素内查找 <li> -
复杂选择器
支持组合选择器或过滤：$('ul li:first-child') // 选择每个 <ul> 的第一个 <li> $('input[type="text"]') // 选择类型为 text 的 <input>
返回值
返回一个 jQuery 对象（类数组集合），包含匹配的元素。可通过 jQuery 方法链式操作：
$('button').addClass('active').click(function() {
alert('Clicked!');
});注意事项
- 若选择器无匹配，返回空的 jQuery 对象（
length为 0）。 - 避免重复查询，可通过变量缓存 jQuery 对象：
const $buttons = $('button'); $buttons.hide();
