jquery $(字符串)

jQuery $(字符串) 的用法

在 jQuery 中，$(字符串) 是一个核心函数，用于根据字符串选择 DOM 元素或创建新的 DOM 元素。以下是常见的用法和场景：

选择 DOM 元素

传入一个 CSS 选择器字符串，返回匹配的 jQuery 对象：

$("div") // 选择所有 <div> 元素
$("#myId") // 选择 id 为 "myId" 的元素
$(".myClass") // 选择所有 class 包含 "myClass" 的元素

创建新的 DOM 元素

传入 HTML 字符串，创建对应的 DOM 元素（尚未插入文档）：

$("<div>Hello</div>") // 创建一个包含文本的 div 元素
$("<input type='text'/>") // 创建一个文本输入框

文档就绪事件

传入 document 或函数时用于定义文档就绪事件：

$(document).ready(function() {
  // 文档加载完成后执行
});

// 简写形式
$(function() {
  // 文档加载完成后执行
});

其他用法

传入 DOM 元素时将其包装为 jQuery 对象：

$(document.body) // 将 body 元素包装为 jQuery 对象

传入 jQuery 对象时返回其副本：

var $divs = $("div");
$($divs) // 返回 $divs 的副本

注意事项

• 当传入 HTML 字符串时，jQuery 会根据字符串创建对应的 DOM 元素，但不会自动插入到文档中。
• 选择器字符串需符合 CSS 选择器语法，支持大部分 CSS3 选择器。
• 在文档就绪事件中使用选择器可以确保 DOM 完全加载后再执行操作。