关于选择器的综合实例文件，会在最后一篇选择器文章中贴出。
基本选择器
这是jQuery种最常用的，也是最简单的选择器。通过元素的id、class和标签名等来查找DOM元素
#id---根据指定的id匹配一个元素---返回单个元素---$("#id")选取id为test的元素
.class---根据给定的类名匹配元素---返回集合元素---$(".test")选取所有class为test的元素
elelment---根据给定元素的名匹配元素---返回集合元素---$("*")选取所有的元素
selector1,selector2..---将每一个选择器匹配到的元素合并后一起返回---返回集合元素---$("div,span,p,myClass")选取所有<div>,<span>和拥有class为myClass的<p>标签的一组元素
练习：
//改变id为one的元素的背景色成#bbffaa
$("#one").css("background","#bbffaa");
//改变class为mini的所有元素的背景色为#bbffaa
$(".mini").css("background","#bbffaa");
//改变元素名是<div>的所有元素的背景色为#bbffaa
$("div").css("background","#bbffaa");
//改变所有元素的背景色
$("*").css("backgroundColor","#bbffaa");
//改变所有的<span>元素和id为two的元素的背景色
$("span,#two").css("background","#bbffaa");
----------------------------------------------------------------------------------------------
层次选择器
如果想通过DOM元素之间的层次关系来获取特定元素，例如后代元素、子元素、相邻元素和同辈元素等，那么层次选择器是个好选择。
$("ancestor descendant")--选取ancestor元素里的所有descendant元素--返回集合元素---$("div span")选取<div>里所有的<span>元素
$("parent > child")--选取parent元素下的child元素，与$("ancestor descendant")有区别，$("ancestor descendant")选择的是后代元素，不一定是直接父子关系---返回集合元素---$("div>span")选取<div>元素下元素名是<span>的子元素
$("prev + next")---选取紧接在prev元素后的next元素--返回集合元素---$(".one+div")选取class为one的下一个<div>同辈元素
$("prev~siblings")---选取prev元素之后的所有siblings---返回集合元素---$("#two~div")选取id为two的元素后面的所有<div>同辈元素
练习：
//改变<body>内所有<div>的背景色#bbaaff
$("body div").css("background","#bbffaa");
//改变<body>内子<div>元素的背景色
$("body>div").css("background","#bbffaa");
//改变class为one的下一个<div>同辈元素的背景色
$(".one+div").css("background","#bbffaa");
//改变id为two的元素后面的所有<div>同辈元素的背景色
$("#id~two").css("background","#bbffaa");
在层次选择器中，第1个和第2个选择器用的比较多，后面的两个在jQuery中可以用更简单的方法代替，所以用的几率少些。
可以用next()方法来代替$("prev+next")选择器：
$(".one+div") == $(".one").next("div");
可以用nextAll()方法来代替$("prev ~ siblings")选择器：
$("#prev~div") == $("#prev").nextAll("div");
同时，siblings()方法所取得的同辈元素与位置无关，即取得所有同辈元素，然而#("#prev ~div")是取#prev后面的所有同辈div元素
//选取#prev之后的所有同辈div
$("#prev ~div").css("background","#bbffaa");
//同上
$("#prev").nextAll("div").css("background","bbffaa");
//选取#prev所有的同辈元素，无论位置前后
$("#prev").siblings("div").css("background","bbffaa");
-----总结自《锋利的Jquery（第二版）》
相关推荐
基本选择器（ID选择器、类选择器、标签选择器）已经提及，更进一步，还有层次选择器（如后代选择器、子元素选择器、相邻兄弟选择器、通用兄弟选择器），属性选择器（根据元素的属性和值来选择），以及伪类选择器（如...
**jQuery学习笔记--1** jQuery是一个轻量级的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。本篇笔记将深入探讨jQuery的基础知识，包括其核心概念、选择器、DOM操作、事件...
Jquery学习笔记是指使用Jquery框架来实现javascript编程的笔记记录，本笔记记录了Jquery-1.2的基本用法、Ajax异步交互、XMLHttpRequest对象的基本应用等知识点。 一、Jquery基本用法 Jquery是一个javascript框架，...
### jQuery选择器学习笔记 #### 一、引言 jQuery 是一个快速、小巧且功能丰富的库，极大地简化了 JavaScript 编程。其中的核心之一就是它的选择器系统，它基于 CSS 选择器，并提供了更多的灵活性和功能。本篇笔记...
**jQuery学习笔记（一）** 在深入探讨jQuery之前，我们首先要理解什么是jQuery。jQuery是一个高效、易用且功能丰富的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。由John Resig在2006...
**jQuery 学习笔记总结** jQuery 是一个广泛使用的 JavaScript 库，它简化了网页文档对象模型（DOM）操作、事件处理、动画制作以及Ajax交互。本篇笔记将深入探讨 jQuery 的核心概念，包括选择器、常用方法以及在...
本学习笔记将聚焦于jQuery的核心功能之一：常规选择器。通过理解并熟练运用这些选择器，你可以更加高效地定位和操纵网页中的元素，提升开发效率。 1. 元素选择器： jQuery的元素选择器允许我们根据HTML标签名来...
**jQuery学习笔记** jQuery，作为一个轻量级的JavaScript库，极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。这篇学习笔记将深入探讨jQuery的核心概念和实用技巧，帮助初学者快速上手。 ## 一...
### Ajax和jQuery学习笔记 #### 一、Ajax基础与原理 **1.1 什么是Ajax？** Ajax（Asynchronous JavaScript and XML，异步JavaScript和XML）是一种用来创建快速动态网页的技术，通过在后台与服务器进行少量数据...
**jQuery学习笔记分享** 在Web开发中，jQuery是一个非常重要的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。本文将深入探讨jQuery的基本概念、核心功能以及常见用法。 ### 第1章：...
《韩顺平jQuery学习笔记及练习》是一份珍贵的学习资源，由知名讲师韩顺平的课程实录整理而成，旨在帮助学习者深入理解和掌握jQuery这一强大的JavaScript库。jQuery简化了HTML文档遍历、事件处理、动画设计和Ajax交互...
以下是对JQuery学习笔记的详细解析： 首先，JQuery的出现是为了弥补JavaScript在处理浏览器兼容性和控件操作上的不足。不同浏览器对JavaScript的实现存在差异，导致开发跨浏览器的网页应用变得复杂。为了统一这些...
**jQuery 学习笔记：各种选择详解** 在前端开发中，jQuery 是一个广泛使用的 JavaScript 库，它极大地简化了 DOM 操作、事件处理和动画效果。本笔记将深入讲解 jQuery 的选择器，帮助开发者更高效地选取和操作网页...
**jQuery学习笔记** jQuery是一个广泛使用的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互。这份笔记旨在深入理解jQuery的核心概念，通过实例代码来加强理解和应用。 1. **jQuery选择器**:...
### Jquery 学习笔记1 本篇笔记主要围绕 jQuery 的基本使用方法展开，包括了 DOM 操作、选择器的使用、属性与过滤器等内容。jQuery 是一款优秀的 JavaScript 库，它极大地简化了 HTML 文档遍历、事件处理、动画等...
这个"JQuery学习笔记合集"包含了三个部分，旨在帮助开发者从初级到高级逐步掌握jQuery的核心技术和实践应用。 **第一季：jQuery基础篇** 在"jQ学习第一季.rar"中，你将学习到jQuery的基础知识，包括如何引入jQuery...
### jQuery学习笔记精心整理 #### 一、什么是jQuery 1. **定义**： - **第三方**：jQuery是由第三方组织或个人编写的函数库，并非浏览器内置或开发者自定义的函数，因此使用前需从官方网站（[www.jquery.com]...
- **层次选择器**：后代选择器（`$("ancestor descendent")`），子选择器（`$("parent > child")`），相邻选择器（`$("prev + next")`），兄弟选择器（`$("prev ~ siblings")`）。在实际应用中，`next()`和`siblings...
CHM文件是一种常见的帮助文档格式，用户可以通过这个文件快速查找并理解jQuery的各种方法、选择器和插件。 `javascript.zip`和`javascript的函数.zip`可能分别包含JavaScript的通用教程和关于函数的专门讨论。...