Mootools 可以對物件陣列做 forEach 操作的函數

除了上次在Mootools Event 設定函數中提到 addEvent() 和 addEvents() 可以直接對物件陣列做操作外，Mootools 還有其他函數也支援這種用法：

原始碼

1. //移除 id="button" 下所有 <a> 元素群的 click 事件 
2. $$('#button a').removeEvent('click'); 
3.  
4. //移除 id="button" 下所有 <a> 元素群中的所有事件 
5. $$('#button a').removeEvents(); 
6.  
7. //檢查 id="button" 下所有 <a> 元素群中是否有此"red"的class樣式 
8. //會回傳一個 Array 
9. $$('#button a').hasClass('red'); 
10.  
11. //為 id="button" 下所有 <a> 元素群加入"red"的class樣式 
12. $$('#button a').addClass('red'); 
13.  
14. //移除 id="button" 下所有 <a> 元素群中有"red"的class樣式 
15. $$('#button a').removeClass('red'); 
16.  
17. //切換 id="button" 下所有 <a> 元素群中"red"的class樣式 
18. $$('#button a').toggleClass('red'); 
19.  
20. //設定 id="button" 下所有 <a> 元素群的color樣式為#F00 
21. $$('#button a').setStyle('color','#F00'); 
22.  
23. //設定 id="button" 下所有 <a> 元素群的color及width樣式 
24. $$('#button a').setStyles({ 
25.   'color':'#F00', 
26.   'width': 300 
27. }); 

//移除 id="button" 下所有 <a> 元素群的 click 事件
$$('#button a').removeEvent('click');

//移除 id="button" 下所有 <a> 元素群中的所有事件
$$('#button a').removeEvents();

//檢查 id="button" 下所有 <a> 元素群中是否有此"red"的class樣式
//會回傳一個 Array
$$('#button a').hasClass('red');

//為 id="button" 下所有 <a> 元素群加入"red"的class樣式
$$('#button a').addClass('red');

//移除 id="button" 下所有 <a> 元素群中有"red"的class樣式
$$('#button a').removeClass('red');

//切換 id="button" 下所有 <a> 元素群中"red"的class樣式
$$('#button a').toggleClass('red');

//設定 id="button" 下所有 <a> 元素群的color樣式為#F00
$$('#button a').setStyle('color','#F00');

//設定 id="button" 下所有 <a> 元素群的color及width樣式
$$('#button a').setStyles({
   'color':'#F00',
   'width': 300
});

類別庫：
Element.js