JavaScript 中的函数式编程实践

清单 15. jQuery 选择器

　var　cons　=　$("div.note");//　找出所有具有　note　类的　div　
　var　con　=　$("div#con");//　找出　id　为　con　的　div　元素　
　var　links　=　$("a");//　找出页面上所有的链接元素　

当然，jQuery 的选择器规则非常丰富，这里要说的是：用 jQuery 选择器选择出来的 jQuery 对象本质上是一个 List，正如 LISP 语言那样，所有的函数都是基于 List 的。

有了这个 List，我们可以做这样的动作：

清单 16. jQuery 操作 jQuery 对象 (List)

　cons.each(　function　(index){　
　$(　this　).click(　function　(){　
　//do　something　with　the　node　
　});　
　});　

想当与对 cons 这个 List中的所有元素使用 map( 还记得我们前面提到的 map 吗？ )，操作结果仍然为一个 List。我们可以任意的扩大 / 缩小这个列表，比如：

清单 17. 扩大 / 缩小 jQuery 集合

　cons.find("span.title");//　在　div.note　中进行更细的筛选　
　cons.add("div.warn");//　将　div.note　和　div.warn　合并起来　
　cons.slice(0,　5);//　获取　cons　的一个子集　

现在我们来看一个小例子，假设有这样一个页面：

清单 18. 页面的 HTML 结构

　<div　class="note">　
　<span　class="title">Hello,　world</span>　
　</div>　
　<div　class="note">　
　<span　class="title">345</span>　
　</div>　
　<div　class="note">　
　<span　class="title">Hello,　world</span>　
　</div>　
　<div　class="note">　
　<span　class="title">67</span>　
　</div>　
　<div　class="note">　
　<span　class="title">483</span>　
　</div>