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

Answer 2

或在YUI 3中：

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