简介
underscore_selector是基于underscore的JavaScript库，提供类似jQuery的选择器功能，可以方便地操作DOM元素和数据，包括查找、筛选、遍历、过滤等功能。它既可以在浏览器端使用，也可以在Node.js环境下使用。
安装
使用npm安装underscore_selector：
npm install underscore_selector
使用
在浏览器环境下，可以直接在页面中引入underscore.js和underscore_selector.js：
<script src="underscore.js"></script> <script src="underscore_selector.js"></script>
在Node.js环境下，可以使用require函数引入underscore_selector：
var _ = require('underscore');
require('underscore_selector')(_);API
underscore_selector主要由以下函数组成：
_.find(selector)：根据选择器查找匹配的第一个元素，返回DOM元素或null。_.findAll(selector)：根据选择器查找匹配的所有元素，返回DOM元素数组。_.walk(node, fn)：遍历DOM树，对每个节点调用函数fn，fn函数的参数是该节点。_.filter(list, selector)：根据选择器对列表进行过滤，返回符合条件的元素组成的数组。_.reject(list, selector)：根据选择器对列表进行过滤，返回不符合条件的元素组成的数组。_.each(list, fn)：遍历列表，对每个元素调用函数fn，fn函数的参数为该元素。
示例
查找元素
可以使用_.find函数根据选择器查找匹配的元素：
var el = _.find('#my-element');如果找到了匹配的元素，el是一个DOM元素，否则为null。
可以使用_.findAll函数查找匹配的所有元素：
var els = _.findAll('.my-class');els是一个包含所有匹配元素的DOM元素数组。
遍历DOM树
可以使用_.walk函数遍历DOM树：
_.walk(document, function(node) {
console.log(node.nodeName);
});该代码会打印出文档中所有节点的标签名。
过滤元素
可以使用_.filter函数根据选择器过滤元素：
var els = _.filter(document.getElementsByTagName('a'), '.external');该代码会返回所有class为external的链接元素。
可以使用_.reject函数根据选择器排除元素：
var els = _.reject(document.getElementsByTagName('a'), '.internal');该代码会返回所有class不为internal的链接元素。
遍历列表
可以使用_.each函数遍历列表：
var list = [1, 2, 3];
_.each(list, function(item) {
console.log(item);
});该代码会打印出数组list中的所有元素。
结论
underscore_selector是一个功能强大的JavaScript库，提供了方便的DOM操作和数据处理方法，可以大大简化前端开发。学会使用它对于提高代码质量和开发效率有很大帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ebd81e8991b448dc73e