作者：老默 http://senir.blog.163.com (转载请注明出处）
jQuery入门简介-老默
jQuery的选择包含两种，一种是 选择器，一种是 筛选器。筛选器是对选择器选定的jQuery对象做进一步选择。
children()是一个筛选器，顾名思义就是筛选孩子，筛选那些符合条件的孩子。
完整的格式如下：
.children(expr)
其中children是筛选器的名称，expr是表达式，所有 选择器中的表达式都可以用在这，比如按标签名"div",按类名".class",按序号":first"等等，如果表达式为空，那么返回的是所有的孩子，返回的结果仍为jQuery对象。例如：
<body> <div id="main"> <div id="like" class="rightbar"> <h2>猜你喜欢</h2> <ul> <li>海飞丝洗头膏</li> <li>六神花露水</li> <li>舒肤佳香皂</li> <li>心相印纸巾</li> <li>哇哈哈矿泉水</li> <li>王老吉</li> </ul> </div> <div id="hot" class="rightbar"> <h2>热门推荐</h2> <ul> <li>融氏橄榄油</li> <li>帮宝适纸尿裤</li> <li>有机大米</li> <li>妙洁垃圾袋</li> <li>优乐美奶茶</li> <li>亲亲果冻</li> </ul> </div> <div id="inner"></div> </div> </body>
1 <script type="text/javascript" language="javascript"> 2 //此处为jQuery代码 3 </script>
需求1：把所有div的孩子的字体颜色变为红色
$("div").children().css("color","red");//所有的文字都变成了红色
需求2：把所有的div的孩子中是h2标签的字体颜色变为红色
$("div").children("h2").css("color","red");//所有h2标题的文字都变成了红色
需求3：把所有div的孩子中是li标签的字体颜色变为红色
$("div").children("li").css("color","red");//失败！
为什么不成功呢？因为children只能找孩子，找不到孙子辈的，而div的孩子是h2和ul，所以找不到li；
那么要想通过children找到li，只有先选定li的父亲ul
$("div ul").children("li").css("color","red");//所有li的文字都变成了红色
$("div ul")是一个联级选择器，意思是选择div下面的ul，这里不详细解释。
需求4：把ul的第二个孩子的字体颜色变为红色
$("div ul").children(":eq(1)").css("color","red");//猜你喜欢的第二行“六神花露水”会变红
要第二个孩子变红，为什么是eq(1)呢？因为顺序号是从0开始的，第一个孩子的序号是0，所以第二个孩子的序号就是1咯。
细一看发现只有“猜你喜欢”模块的第二行变了，“热门推荐”的第二行没变，为什么呢？因为children筛选器筛选出来的孩子是在一块排序的，所以“热门推荐”的第二行就变成了老7，要想变红可以这么写：
$("div ul").children(":eq(1),:eq(7)").css("color","red");//猜你喜欢的第二行，热门推荐的第二行都变红
总结一下：children是一个筛选器，找到当前jQuery对象的孩子，children(expr)中的expr是表达式，加了expr之后符合expr的孩子才会留下来，不符合的就干掉了。children只能找孩子，要想找孙子辈的、重孙子辈的，那就得用 find 筛选器。
作者：老默 http://senir.blog.163.com (转载请注明出处）
相关推荐
从给定的文件信息中，我们可以提炼出关于jQuery的一些核心知识点和使用技巧，这将帮助初学者和进阶用户更好地理解和应用jQuery库。 ### jQuery简介与安装 jQuery是一款流行的JavaScript库，它简化了HTML文档遍历、...
### jQuery核心知识点详解 #### 一、jQuery简介与优势 **定义**： - **框架**：框架是指一种软件设计模式，提供了一套解决方案的基础结构。简单来说，就是使用最基本的编程语言，封装了一系列常用功能（方法），...
完整Jquery笔记总结，xmind思维导图文档，可以下载查看。
### jQuery 笔记详解 #### 一、简介 jQuery 是一款快速、简洁的 JavaScript 库，简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等操作。它极大地提高了开发者编写 JavaScript 代码的效率，并且兼容各种...
jQuery笔记（上）涵盖了jQuery的基本用法，包括引入jQuery库、选择器的使用、事件监听与处理，以及简单的动态效果实现。这些基础知识为后续深入学习jQuery提供了坚实的基础。通过学习和实践，开发者可以更加高效地...
jquery 选择器 jquery 是一个快速简单的javascript library 简化了html文件 ，动画，ajax 。方便了网页技术的快速发展
《锋利的jQuery笔记》是一份深入探讨jQuery库的宝贵资料，它主要针对JavaScript开发者，尤其是那些希望提升jQuery技能的人员。jQuery是一个轻量级、高性能的JavaScript库，它的核心功能在于简化HTML文档遍历、事件...
这个“jquery笔记.rar”文件很可能是对jQuery库的深入学习和实践总结。 **DOM操作** 1. **选择器**: jQuery提供了一套强大的选择器，如ID选择器（#id）、类选择器（.class）和元素选择器（element），以及组合选择...
首先，我们来看看"韩顺平AJAX和jQuery笔记整理.doc"。AJAX（Asynchronous JavaScript and XML）是一种创建动态网页的技术，而jQuery对AJAX提供了出色的封装，使得异步数据交换变得更加简单。在这个文档中，你将了解...
《圣思园 jQuery 笔记详解》 jQuery，作为一款强大的JavaScript库，它的出现极大地简化了JavaScript的DOM操作，使得网页动态化和交互性开发变得更加便捷。本文将深入探讨jQuery的选择器、过滤选择器及其在实际应用...
《jQuery笔记详解》 jQuery，作为JavaScript的一个库，极大地简化了DOM操作，提升了开发者的工作效率。它将常用的功能进行了封装，形成了一系列API，使得开发者无需关注底层实现，只需调用相应的方法即可实现复杂...
《jQuery学习笔记详解》 jQuery 是一款强大的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。本笔记基于一年的学习经验，涵盖了基础到进阶的知识点，旨在帮助初学者快速掌握...
### 韩顺平AJAX和jQuery笔记整理 #### AJAX概览 - **定义**：Asynchronous JavaScript and XML（异步JavaScript与XML），是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 - **运行原理**： - ...
JS-Ajax-jQuery笔记，学习笔记，JavaScript，JS-Ajax-jQuery笔记，学习笔记，JavaScript，