简述jQuery 库中的 $() 是什么？

JQuery面试题 4月前 0 16

在 jQuery 库中，$() 函数是最基础也是最常用的函数之一，它是 jQuery 的核心函数。$() 函数实际上是 jQuery() 函数的别名，两者是等价的。这个函数用于选择元素、创建元素、或执行文档就绪事件，具有多种用法。它的行为取决于传递给它的参数类型。

当你向 $() 函数传递一个字符串选择器时，它返回一个包含了匹配该选择器的所有 DOM 元素的 jQuery 对象。这允许你对这些元素执行一系列的 jQuery 方法，如 .css(), .animate(), .click() 等。

$('#myId'); // 选择 ID 为 myId 的元素
$('.myClass'); // 选择所有 class 包含 myClass 的元素
$('div'); // 选择所有的 div 元素

当你向 $() 函数传递一段 HTML 标签字符串时，它会根据这个字符串创建新的 DOM 元素。

$('<div>Hello World</div>'); // 创建一个新的 div 元素

当你向 $() 函数传递一个函数时，这个函数将在 DOM 文档完成加载并且可以安全地操作 DOM 时被执行。这是确保 DOM 完全加载的一种常见方式。

$(document).ready(function() {
    // 当 DOM 完全加载时，执行这里的代码
});

或者更简洁地：

$(function() {
    // 当 DOM 完全加载时，执行这里的代码
});

$() 函数是 jQuery 的心脏，提供了一个强大而灵活的方式来选择和操作 DOM 元素、处理事件、以及执行其他与页面交互相关的操作。通过其简洁的语法，它极大地简化了 JavaScript 编程，使得 Web 前端开发更加快捷和高效。