jQuery基础教程：选择器与元素操作实例

"本文档是一份详细的jQuery实例教程，涵盖了jQuery的基础和进阶用法。教程首先介绍了jQuery的选择器，帮助读者理解如何通过ID、元素名和类属性来选取HTML中的特定元素。 1. 基本选择器 - #id：使用`$(“#testID”)`可以匹配具有指定ID的元素，如例子中的`<p id="testID">testID</p>`，这将返回该段落元素。 - Element：`$(“div”)`匹配所有 `<div>` 元素，适用于查找同类型的多个元素。 - .class：`$(“.testClass”)`用于选择带有指定类的元素，如`<div class="testClass">testClass</div>`。 2. 层级关系选择器 - ancestor > descendant：如`$("form input")`，在`<form>`元素的所有后代元素中查找`<input>`，结果包括`<input name="name">`和`<input name="newsletter">`。 - parent > child：`$(“form > input”)`仅匹配直接位于`<form>`下的`<input>`子元素，如`<input name="name">`，不包括`<input name="newsletter">`，因为后者在其父级`<fieldset>`内。 - prev+next：用于找到紧邻在前一个元素`<label>`之后的下一个元素，即`<input name="name">`，因为`<label>`没有下一个兄弟元素，此选择器在此例中不会返回任何结果。 通过这些实例，读者可以掌握如何在网页中精确地定位和操作DOM元素，是jQuery编程的基本功。后续可能还会涉及事件处理、动画效果、Ajax请求等高级应用，以实现更复杂的功能和交互设计。熟练运用jQuery可以极大地简化前端开发工作，提高代码效率。"