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 已加载');
});

参数扩展

1. 上下文参数
   指定搜索范围（第二个参数）：

   $('li', '#list') // 在 #list 元素内查找 <li>

2. 复杂选择器
   支持组合选择器或过滤：

   $('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();