如何在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，所以第一个元素的id应为el1等...

编辑：

您还可以使用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');