JQuery学习笔记：选择符与DOM操作详解

本篇笔记是关于jQuery学习的个人心得，适合初学者入门。jQuery是一个广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理和动画操作。以下将详细介绍几个关键知识点： 1. **选择符与DOM操作**: - $()函数是jQuery的核心，它能替代传统的for循环，通过选择器获取页面中的元素，并将结果封装为一个jQuery对象。这种方式可以避免多个jQuery库之间的潜在冲突，可以通过创建自定义的别名或者查阅插件解决方案来处理。 2. **文档加载与事件处理**: - 使用$(document).ready()可以在DOM加载完成后立即执行某个函数，这是jQuery中常用的事件绑定方式，等同于$()。这有助于确保脚本在页面结构准备就绪时执行，例如上述代码中的`alert('dd')`。 3. **选择器的应用**: - $("选择器",选择器来源)用于在特定上下文中搜索元素，如在第一个表单中选择所有单选按钮（`$("input:radio", document.forms[0])`），或者在XML文档中查询div元素（`$("div", xml.responseXML)`）。 4. **DOM元素操作**: - 使用`.get(index)`获取指定索引的DOM元素，如`$("#my").get(0)`获取id为"my"的元素的第一个子元素的标签名。这里的$.get()方法可以无参数获取所有元素，或带参数获取指定位置的元素。 - `index()`函数返回元素在匹配集合中的位置，如`$("div").index($(".test"))[1]`，表示查找class为"test"的div元素在所有div元素中的索引（从0开始计数）。 5. **变量与jQuery对象**: - 可以使用`var t = $(‘#my’);`定义jQuery对象，然后通过`t.get(0)`或`t[0]`访问其元素。`t`对象仅限于jQuery方法调用，不能直接操作DOM。 这篇笔记介绍了jQuery的选择器功能、事件绑定、DOM操作以及如何优雅地管理和使用jQuery对象，为初学者提供了一个实用的学习指南。掌握这些基础概念后，可以逐步深入学习更高级的jQuery技巧和特性。