4、jQuery入门：从基础操作到事件处理

jQuery入门：从基础操作到事件处理

1. 理解就绪事件

在jQuery中， $ 函数是核心，它是使用jQuery特性的便捷简写方式。常见的用法是将 $ 当作JavaScript函数，传入CSS选择器或一个或多个DOM对象作为参数。例如，在四行代码中就可能多次使用 $ 函数。

$ 函数会返回一个jQuery对象，你可以在这个对象上调用jQuery方法。这个jQuery对象是所选元素的包装器，如果传入的是CSS选择器，它将包含文档中所有匹配该选择器的元素。

与内置的DOM API相比，jQuery的一大优势是能更轻松地选择和修改多个元素。虽然最新版本的DOM API（包括HTML5中的部分）也支持使用选择器查找元素，但jQuery的实现更加简洁优雅。

1.1 使用 $ 函数选择文档对象并调用 ready 方法

以下是示例代码：

<script>
    $(document).ready(function() {
        ...other JavaScript statements...
    })
</script>

浏览器会在文档中找到 script 元素后立即执行其中的JavaScript代码。当你想要操作DOM元素时，这可能会引发问题，因为代码可能在浏览器解析完剩余HTML文