javascript - 如何在 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');