javascript - 如何在 YUI 中做多个选择器

Question

我怎样才能像在 jquery 中那样在 yui (yui 2) 中做多个选择器:

$('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');

认为它只适用于 id，所以第一个元素的 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');