如何在 YUI 中实现多个选择器

Question

我如何在 yui (yui 2) 中做多个选择器，就像在 jquery 中一样：

$('h1, h2, el1, el2, .content, .title').css('color', 'red');

如何在 yui 中编写这个选择器（无需对每个元素分别执行 YAHOO.util.Dom.addClass ）

Answer 1

YUI 的一些 DOM 方法接受要操作的元素数组， addStlye() 方法就是其中之一，因此您应该能够执行以下操作：

YAHOO.util.Dom.setStyle(['el1', 'el2'], 'color', 'red');

尽管认为它只适用于 ids，所以第一个元素应该有一个el1 的 id 等...

编辑：

您还可以使用 YAHOO.util.Selector 模块来查询 DOM 并返回要传递给 setStyle() 的元素数组>，例如：

var els = YAHOO.util.Selector.query('h1, h2, h3, .some-element');

YAHOO.util.Dom.setStyle(els, 'color', 'red');

Answer 2

或者在 YUI 3 中：

Y.all('h1, h2, h3, .content, .title').setStyle('color', 'red');