jQuery的三种$()

当我们在使用 jQuery 进行开发时，经常会使用 $() 方法来选中 HTML 元素，但是 $() 方法又分为三种不同的形式：

1. $(document).ready(handler): 在文档加载完成后，执行 handler 函数，它是 $() 方法的最常用形式。

示例：

$(document).ready(function() {
  // 在文档加载完成后，执行以下代码
  console.log("文档已经准备好了！");
});

1. $(selector, context): 在 context 范围内查找匹配 selector 的 HTML 元素。如果不指定 context 参数，则默认为整个文档。这种方式也可以写成 $(context).find(selector)。

示例：

<div class="context">
  <ul class="list">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
  </ul>
</div>
<script>
// 在 .context 范围内查找 .list 元素
var $list = $('.list', '.context');
console.log($list.length); // 1
</script>

1. $() 或者 jQuery(): 创建一个 jQuery 对象，它包装了一个或者多个 HTML 元素。可以传递一个或者多个参数来创建这个 jQuery 对象，参数可以是 HTML 元素、DOM 对象或者选择器字符串。其中还可以传递上下文参数来限定查找范围。

示例：

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>
<script>
// 创建一个包含所有 <li> 元素的 jQuery 对象
var $li = $('li');
console.log($li.length); // 3

// 创建一个包含只有第一个 <li> 元素的 jQuery 对象
var $firstLi = $('li:first');
console.log($firstLi.length); // 1
</script>

以上就是 jQuery 的三种 $() 方法的详细讲解。通过不同的形式，可以更方便、灵活地选中 HTML 元素以及编写其他操作 DOM 的代码。