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的自连接和join关联
2024-01-21 11:40:01
ThinkPHP php 框架学习笔记
2023-09-10 08:20:32
PHP Laravel门面的实现原理详解
2023-05-25 06:42:36
python ansible自动化运维工具执行流程
2021-08-07 01:54:25
python代码检查工具pylint 让你的python更规范
2021-07-03 12:06:38
Mysql最新版8.0.21下载安装配置教程详解
2024-01-21 23:58:17
SQLSERVER数据库升级脚本图文步骤
2024-01-27 10:20:26
Python中IPYTHON入门实例
2021-01-23 04:56:25
一起来了解mysql数据库
2024-01-24 07:40:00
Python3.7+tkinter实现查询界面功能
2023-05-16 18:24:54
Python制作个性化的词云图实例讲解
2021-10-17 03:51:02
连接mysql的常用工具分享
2024-01-21 20:01:18
Python yield 小结和实例
2023-07-21 15:37:39
Python 点击指定位置验证码破解的实现代码
2022-07-15 11:17:58
Advanced SQL Injection with MySQL
2024-01-24 18:09:24
利用python操作SQLite数据库及文件操作详解
2024-01-25 20:54:39
Pygame 精准检测图像碰撞的问题
2022-01-17 17:56:13
go语言开发中如何优雅得关闭协程方法
2024-02-15 00:12:55
python中的np.argmax() 返回最大值索引号
2022-08-07 14:22:57
浮动元素对浏览器的支持
2008-02-02 10:05:00