jQuery入门：选择符基础与$函数应用

在jQuery入门的第一课中，学习jQuery选择符至关重要。选择符是JavaScript库jQuery的核心概念，它使得开发者能够方便地定位、筛选和操作页面上的HTML元素。选择符可以看作是对`getElementById`方法的扩展，但它不仅仅返回一个单独的元素，而是返回一个集合（或对象）的包装，这个包装提供了丰富的操作接口和功能。 jQuery的选择函数`$`实际上是一个函数，使用起来非常灵活。当你调用`var obj = $(selector)`时，`selector`就是选择符，它可以是各种类型的标识符，如ID、类名、标签名、属性值、CSS选择器等。例如，`$("#p1")`会选择具有ID为`p1`的元素，`$(".class")`则会选择所有类名为`class`的元素。选择符的强大之处在于它的灵活性，允许开发者针对多种情况定位元素。 `$`函数的另一个重要特性是它与DOM事件处理的结合。当`$`函数的参数是一个函数时，它会将这个函数绑定到文档加载完成（类似于`onload`事件）之后执行。然而，与`onload`不同的是，`$`可以在DOM结构加载完成时立即执行，并且可以多次绑定多个回调函数，不会因内容加载延迟而导致函数执行延迟。例如，在给出的代码示例中： ```html <script type="text/javascript"> $(function(){ var p = $('#p1'); alert(p); }); </script> ``` 这段代码会在文档加载完成后，找到ID为`p1`的`<p>`元素，并将其赋值给变量`p`。由于`$(function() {...})`是一个立即执行的函数表达式，这意味着当页面加载完毕，`p`已经是一个包装了目标元素的jQuery对象，你可以直接调用其方法，如`alert`显示元素信息。 jQuery选择符不仅限于基本的ID选择，还支持复杂的CSS选择器，如`.class`, `element tag`, `[attribute=value]`等，这使得在处理动态生成或者有多个相似元素的页面时更加得心应手。理解并熟练运用jQuery选择符，是开发人员在前端交互开发中提高效率和代码可维护性的关键步骤。