Mootools 1.2教程(3)——数组使用简介(4)
作者:Fdream 来源:Fdream博客 发布时间:2008-11-17 20:16:00
标签:数组,mootloos,教程,javascript,库
代码示例
数组可以让你遍历包含所有项目的列表,并对每个元素执行相同的代码。在这个例子中,注意变量”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文件和上面的所有例子。
0
投稿
猜你喜欢
- 网页过渡是指当浏览者进入或离开网页时,页面呈现的不同的刷新效果,比如卷动、百叶窗等。这样你的网页看起来
- 我从11岁开始编程,并且一直都很喜欢技术和编程。这些是我一直以来获得的经验教训。作为一个程序员,你可能需要这样的忠告。我更希望每个人在获取这
- 一个动态数组 a,如果你已经使用redim 语句给它设定了大小,那么在此之后使用 ubound(a) 就可以得到它的上边界。如果你没有使用
- 具体用法如下: 代码如下:-- ============================================= -- Autho
- 一、创建和管理表 1、创建表语法 create table 表名(column datatype [default expr][,colum
- 1 新建类库MyTestDLL2 右击项目“MyTestDLL”-》属性-》生成-》勾选“为COM互操作注册”3 打开 AssemblyIn
- 以下的文章主要介绍的是SQL Serve数据库到DB2连接服务器的实现过程,我们大家都知道不同数据库平台的互连,一般对其称之为数据库的异构服
- 奥运来了,三大门户网站都加上了奥运主题。加上下面代码你的网站也拥有奥运主题了:<style type="text/
- cmake-2.8.3.tar.gzmysql-5.5.8.tar.gz一,cmake-2.8.3的安装:tar -zxf cmake-2.
- asp编程中我们经常要处理字符串,比如一个新闻列表,在我们编写asp程序的时候就要考虑到新闻标题的长度不确定性,因为有的文章标题可能很长,可
- ASPError Object 这个新增的,内置与ASP 3.0中的对象提供了一个以往版本中没有的专门用来处理错误的对象,这样,我们来操纵错
- 一个很普通的网页中显示LOGO图像,按照以往的页面制作经验,基本是在页面中插入图像即可(<img src="logo.gif
- 在使用数据库的时候,难免要在使用过程中进行删除的操作,如果是使用int类型的字段,令其自增长,这是个最简单的办法,但是后果会有些不是你想要的
- 我们开发数据库应用时,常常需要用到模糊查询。如果同一个条件需要匹配很多字段怎么办呢?通常,程序员会每个字段都在SQL中“field like
- 适配竖屏横向尺度,禁止出现横向滚屏常规QVGA机型竖屏状态下,14号字体,单行仅显示13.5个字。资讯频道的新闻短标题要控制在13字以内才能
- 1.将下面一段代码插入<head>与</head>之间:<script> function&
- 进入sqlplus SQL> set timing on SQL> SQL> select count(*) from c
- 在数据库查询的时候,我们有时有这样的需求,就是要找出数据表里指定范围行内的数据记录,比如说要找出数据表里第10行到第20行的这10条数据,那
- 如何使用mailto?1)基本用法<a href=mailto:sample@163.com>send em
- 这年头,信息和获得信息的渠道越来越多。随着信息量的增大,先有了分类,又有了导航,再有了搜索,后面的发展还不得而知。在此只是根据平日的所看所想