Mootools 1.2教程(3)——数组使用简介(4)
作者:Fdream 来源:Fdream博客 时间:2008-11-17 20:16:00
代码示例
数组可以让你遍历包含所有项目的列表,并对每个元素执行相同的代码。在这个例子中,注意变量”item“作为当前元素的替代符的使用。
参考代码:
// 创建一个数组,这个数组包含”body_wrap“里面所有CSS类名为.class_name的元素
var myArray = $('body_wrap').getElements('.class_name');
// 首先建立一个要添加到数组中的元素
var addSpan = $('addtoarray');
// 然后建立一个要合并的数组
var addMany = $$('.addMany');
// 现在我们把元素addSpan加入到数组中
myArray.include(addSpan);
// 然后合并数组addMany到myArray中
myArray.combine(addMany);
// 建立一个需要对数组中的每个元素都要执行的函数
var myArrayFunction = function(item) {
// item现在指向数组中的当前元素
item.setStyle('background-color', '#eee');
}
// 现在对数组中的每个项目调用myArrayFunction函数
myArray.each(myArrayFunction);
参考代码:
<div id="body_wrap">
<div class="class_name">one</div><!-- this has gray background -->
<div>two</div>
<div class="class_name">three</div><!-- this has gray background -->
<span id="addtoarray">add to array</span> <!-- this has gray background -->
<br /><span class="addMany">one of many</span> <!-- this has gray background -->
<br /><span class="addMany">two of many</span> <!-- this has gray background -->
</div>
延伸学习
这个教程并没有打算涵盖你能对数组做的全部事情,但是希望能够给你一个参考,告诉你MooTools提供了一些什么功能。要学习更多关于数组的东西,请仔细阅读这些内容:
这个页面中有许多关于JavaScript数组的信息
asp之家下载:mootorial_day3_arrays.zip (27.25 KB)
包括一个简单的html文件、MooTools 1.2核心库、一个外部JavaScript文件、一个css文件和上面的所有例子。
标签:数组,mootloos,教程,javascript,库
0
投稿
猜你喜欢
mysql基础教程:安装与操作
2009-07-30 08:18:00
简析 IOS 程序图标的设计
2011-04-28 09:39:00
ADO组件之插入数据记录
2008-10-08 12:21:00
建立用户体验过程的实用指南
2007-11-19 12:53:00
JS不同加载方式下的window.onload
2009-05-21 18:09:00
典型的三行二列居中高度自适应css布局
2008-02-22 16:02:00
asp如何显示自定义随机信息?
2010-06-08 09:39:00
rs.getrows的使用方法
2008-04-05 14:01:00
IE9初窥:支持CSS3,和HTML5?
2009-12-01 14:20:00
ASP如何操作Excel(读取,输出)
2007-08-21 19:57:00
匿名函数的写法
2010-01-06 13:32:00
IE8 CSS之生成内容
2008-09-09 22:14:00
Google Chrome的hack写法以及CSS的支持程度
2008-09-04 12:28:00
Oracle学习笔记(四)
2012-01-05 18:57:33
教你快速掌握如何向MySQL的表中录入数据
2008-11-27 16:45:00
MYSQL创建触发程序的方法
2009-07-30 08:38:00
分析与比较五种MySQL数据库可靠性方案
2009-07-30 08:25:00
如何在Win下mysql备份恢复命令
2010-03-03 17:23:00
asp如何随机显示网站链接?
2010-06-07 20:40:00
asp 读取文件和保存文件函数代码
2011-04-04 11:17:00