MOOTOOLS简单操作应用知识

1     $(‘chkall‘).addEvent(‘click‘,function(){
2         if($(‘chkall‘).getProperty(‘checked‘)){
3             $$(".checkbox").setProperty(‘checked‘,‘checked‘);
4         }else{
5             $$(".checkbox").setProperty(‘checked‘,‘‘);
6         }
7     });

 1 // 选择ID为」body_wrap「的元素下面的第一个链接
 2 $(‘body_wrap‘).getElement(‘a‘);
 3 // 选择ID为」body_wrap「的元素下面的ID为」special_anchor「的元素
 4 $(‘body_wrap‘).getElement(‘#special_anchor‘);
 5  
 6 // 选择ID为」body_wrap「的元素下面第一個CSS類名為」special_anchor_class「的元素
 7 $(‘body_wrap‘).getElement(‘.special_anchor_class‘);
 8  
 9 // 选择页面中的所有div
10 $$(‘div‘);
11  
12 // 选择ID为」id_name的元素和所有的div
13 $$(‘#id_name‘, ‘div‘);
14  
15 //选择name为」phone_number「的input元素
16 $(‘body_wrap‘).getElements(‘input[name=phone_number]‘);
17  
18 // 选择name以」phone「开头的input元素
19 $(‘body_wrap‘).getElements(‘input[name^=phone]‘);
20  
21 // 选择name以数字（number）結束的input元素
22 $(‘body_wrap‘).getElements(‘input[name$=number]‘);
23  
24 // 选择名字不等于」address「的input元素
25 $(‘body_wrap‘).getElements(‘input[name!=address]‘);
26  
27 // 选择ID为」child_id「的元素的父元素
28 $(‘child_id‘).getParent();
29  
30 // 设置ID为body_wrap的元素下的所有CSS类名为.middle_spans的span的背景色為#eee
31 $(‘body_wrap‘).getElements(‘.middle_spans‘).setStyle(‘background-color‘, ‘#eee‘);
32  
33 //改变ID为body_wrap的元素的value的值
34 $(‘body_wrap‘).set(‘value‘, ‘eee‘);
35  
36 //选择ID为body_wrap的元素下面所有的div作为循环
37 $(‘body_wrap‘).getElements(‘div‘).each(function() {
38 alert(‘a div‘);
39 });
40  
41 //从数组中随机取出一个元素
42 var randomElement = myArray.getRandom();
43  
44 //通過.erase();方法，你可以清除一個元素的屬性值
45 $(‘id_name‘).erase(‘href‘);