`
275553385
  • 浏览: 721731 次
  • 性别: Icon_minigender_1
  • 来自: 无锡
文章分类
社区版块
存档分类
最新评论

MOOTOOLS中的方法使用说明(转载)

阅读更多
MOOTOOLS中的方法使用

Core.js

函数: $extend 将第二个参数对象的所有属性复制到第一个参数对象中.
函数: $merge  合并一组对象生成新对象
函数: $each   迭代数组(包括非常规数组,如由内建的getElementsByTagName方法返回的集合对象, arguments对象, 或Ojbect对象)
函数: $pick   返回参数列表中第一个非未定义的项; 如果全部未定义,则返回null
函数: $random 返回指定区间内的一个随机整数
函数: $splat 把传入的参数包装成一个数组
函数: $time 返回当前时间戳
函数: $try 尝试执行给出的一组函数, 并返回第一个执行成功的函数的返回值;
函数: $type 检测传入参数的类型
函数: $chk 检测参数值存在(非null, undefined, false, 或 "")或为0. 适用于将0也视作通行条件的情况.
函数: $clear 清除定时器(Timeout或Interval). 通常配合Function:delay和Function:periodical方法使用.
函数: $defined 检测参数值是否已定义
函数: $arguments创建一个可返回传入参数的特定项的函数(详见示例)
函数: $empty 一个什么事情都不做的空函数. 典型应用: 事件监听器的占位方法.
函数: $lambda 对传入的参数进行函数封装.即,如果传入参数为一个function,则原样返回该function;如果为其他对象,则返回一个新创建的function, 该function不做其他任何事,仅仅是返回原来这个对象.



Element 方法:
constructor 根据指定的元素类型创建新元素(构造方法)
getElement:获取本元素下的第一个指定标签名的子元素.
getElements:获取本元素下所有指定标签名的子元素.
getElementById:获取本元素下指定id的子元素
set:用于设置元素的属性值.
方法 get: 用于获取元素的属性值.
方法 erase:用于删除元素的属性值.
方法 match:检测元素的标签名是否为指定的标签名.
方法 inject:向指定元素的指定位置中插入本元素
方法 grab:向本元素内部的指定位置添加子元素
方法 adopt:向本元素内部添加子元素
方法 wraps:将本元素包裹在指定的元素的外层(成为该元素的父元素).
方法 appendText:向元素中添加一个文本节点
方法 dispose:将元素从DOM中删除
方法 clone:复制并返回元素的副本
方法 replaces:替换元素
方法 hasClass:检测元素上是否包含指定的样式名
方法 addClass:如果指定样式名在元素上不存在,则添加该样式名
方法 removeClass:将指定样式名从元素上删除
方法 toggleClass:添加/删除元素上指定的样式名
方法 getPrevious:返回本元素的前一个兄弟元素(不包括文本节点).
方法 getAllPrevious:返回本元素之前的所有兄弟元素
方法 getNext:返回本元素后的一个兄弟元素(不包括文本节点)
方法 getAllNext:返回本元素之后的所有兄弟元素
方法 getFirst:获取第一个子元素(不包括文本节点)
方法 getLast:获取最后一个子元素(不包括文本节点)
方法 getParent:获取直接父元素
方法 getParents:获取本元素的所有符合条件的父级元素
方法 getChildren:返回所有子元素(不包括文本节点).
方法 hasChild:检测是否含有指定的子元素
方法 empty:删除所有子元素
方法 destroy:删除元素自身及其所有子元素(并进行内存垃圾收集)
方法 toQueryString:读取子元素中的数据输入元素(如input, select等)的值, 并生成查询字符串
方法 getSelected:返回下拉列表框元素中的选中项
方法 getProperty:获取本元素的一个指定属性值
方法 getProperties:获取元素的多个属性值
方法 setProperty:设置元素的一个属性
方法 setProperties:设置元素的多个属性
方法 removeProperty:删除元素的一个属性
方法 removeProperties:删除元素的多个属性
方法 store:向元素的存储区中存放一个项
方法 retrieve:从元素的存储区中获取一个值

EVENT
方法 addEvent:向DOM元素添加一个事件监听器
方法 removeEvent:删除指定的事件监听函数
方法 addEvents;向DOM元素一次添加多个事件监听器
方法 removeEvents:删除指定事件类型上的所有监听函数.
方法 fireEvent:触发元素上指定的事件类型
方法 cloneEvents:复制目标元素上的所有事件到本元素

EVENTS
事件: mouseenter:(框架提供的自定义事件)本事件在鼠标进入指定元素区域时触发,并且不会在鼠标穿越子元素的时候再次触发(区别于mouseover)

事件: mouseleave(框架提供的自定义事件)本事件在鼠标离开指定元素区域时触发,并且不会再离开本元素的子元素的时候触发(区别于mouseout)

事件: mousewheel(框架提供的自定义事件)本事件在鼠标滚轮滚动时触发



方法 setStyle:为元素设置一个CSS属性
方法 getStyle:返回指定的CSS属性值
方法 setStyles:为元素设置一组CSS属性
方法 getStyles:返回一个包含多个指定CSS属性名/值对的对象

方法 scrollTo:将元素内容滚动到指定的坐标(前提是元素内容已经溢出).
方法 getSize:获取元素的尺寸(width, height, border, padding都计算在内).
方法 getScrollSize:获取元素的尺寸(可滚动区域也计算在内).
方法 getScroll:获取元素已滚动的距离.
方法 getPosition:获取元素的实际偏移量
方法 getCoordinates:获取元素的width, height, left, right, top, bottom值


Array

方法: each  对数组进行迭代处理
方法: every 如果数组中的每一项都通过给定函数的测试,则返回true.
方法: filter 将所有在给定过滤函数中过滤通过的数组项创建一个新数组.
方法: clean 返回一个由原数组中计算值为true(即不是以下情况的值: null, undefined, zero, false, 或 "")的项
方法: indexOf 返回数组中和给出参数值相等的项的索引号; 如果未找到相等的项, 则返回-1.
方法: map 返回一个由经过给定函数处理返回的值所创建的新数组.
方法: some 如果数组中至少有一个项通过了给出的函数的测试,则返回true.
方法: associate 创建一个键值对对象,该对象中的键由作为参数传入的一个数组决定,值由主调数组决定
方法: link 根据给出的 '键/测试函数'对 来创建一个新的键值对对象
方法: contains 测试指定项是否在数组中存在
方法: extend 将另一个数组中的所有元素纳入本数组
方法: getLast 返回数组中的最后一项
方法: getRandom 返回从数组中随机抽取的一项
方法: include 向数组中添加一项, 如果该项在数组中已经存在,则不再添加.
方法: combine 将主调数组和另一个数组进行组合(重复的项将不会加入)
方法: erase 删除数组中所有的指定项
方法: empty 清空数组
方法: flatten 将多维数组扁平化(即变为一维数组)
方法: rgbToHex 将RGB格式的颜色代码转换成十六进制的代码. 输入的RGB代码需要类似如下的其中一种格式:[255,255,255] 或 [255,255,255,1]
函数: $A 创建一个数组的拷贝. 可以将数组的迭代功能添加到具备可迭代特性的对象中, 如:DOM节点集合或arguments对象
分享到:
评论

相关推荐

    MooTools 1.2 中文手册

    MooTools 1.2 中文手册是学习和使用这个库的重要资源,它详细解释了每个模块的功能、使用方法和示例,帮助开发者充分利用MooTools进行高效、优雅的前端开发。通过阅读手册,你可以掌握如何有效地组织代码、构建组件...

    MooTools1.4中文PDF手册+MooTools-Core-1.5.1.js

    MooTools是一款强大的...通过阅读"Mootools1.4中文PDF手册",开发者可以深入了解MooTools的使用方法和最佳实践,而"MooTools-Core-1.5.1.js"则是实际项目中的运行库,结合手册学习,可以迅速提升JavaScript开发技能。

    mootools

    通过阅读《mootools.doc》文档,你可以深入了解MooTools的使用方法、API详细信息以及最佳实践。在实际开发中,了解并掌握MooTools的这些特性,可以帮助你编写出更加高效、整洁的JavaScript代码,提高项目的整体质量...

    mootools源代码说明

    总之,Mootools 是一个非常优秀的Javascript框架,更多精髓部分等待你去发掘,希望你也能通过学习和使用而喜欢上Mootools,甚至喜欢上 Javascript :) 用editplus打开看mootool源码说明。对想深入研究mootool代码者...

    mootools 1.2 中文文档

    这份中文文档的出现,为国内开发者学习和使用MooTools提供了极大的便利。 1. **核心概念**: - **类与对象**:MooTools支持基于原型的面向对象编程,通过`Class`和`Object`构造器创建类和实例,允许继承和混合...

    MooTools 帮助文档 中文

    MooTools是一个简洁,模块化,面向对象的JavaScript框架。...总之,Mootools是一个非常优秀的Javascript框架,更多精髓部分等待你去发掘,希望你也能通过学习和使用而喜欢上Mootools,甚至喜欢上Javascript :)

    mootools详细教程chm

    在实践中,你可以尝试使用MooTools实现常见的网页交互功能,如表单验证、动态加载内容、创建滑动菜单等。随着经验的积累,你会发现MooTools是一个强大而灵活的工具,能为你的Web开发带来很多便利。

    mootools_1.2的中文文档

    通过阅读Docs目录下的文档,你可以深入了解MooTools 1.2的各种特性和使用方法,包括核心类库、附加模块、实例教程等内容。同时,assets目录中的资源可以帮助你理解文档中的示例,提高学习效果。 总的来说,MooTools...

    mootools 中文API文档

    4. **函数工具**:Function对象在MooTools中被扩展,增加了如 curry(柯里化)、debounce(防抖)和throttle(节流)等高阶函数,这些函数对于优化性能和控制函数调用频率非常有用。 5. **链式操作**:MooTools的一...

    mootools 1.2 API 中文手册

    mootools已经更新到了1.2版本 不过网上很多的手册多是1.1版本的 在1.2版本对于1.1版本有很多改变 所以对于想要学习和手头上还没有MOOTOOLS API的朋友 1.1版本已经不适合了 这个资源是MOOTOOLS 1.2 中文版手册 绝对...

    mootools教程

    这篇教程将深入讲解MooTools中的Element类及其相关方法。 1. **Element方法完全解析** - `$(selector)`:这个方法相当于`document.getElementById`,用于根据ID获取元素。例如,`$('myElement')`将返回ID为'...

    MooTools v1.2 API 中文文档

    MooTools 是一个简洁,模块化,面向对象的开源JavaScript web应用框架。 它为web开发者提供了一个跨浏览器js解决方案。在处理js css html时候。 它提供了一个比普通js更面向对象的document API。 MooTools包含很多...

    prototype1.6和mootools1.2.3在本人目前工作中比较常用的方法比较

    在MooTools中,上面的动画效果可以这样实现: ```javascript var element = document.id('myElement'); element.fade('out').addEvent('fade:complete', function() { // 动画结束后的操作 }); ``` 两者的比较中...

    Mootools 1.2.1 API 文档

    3. **事件模块**:事件处理是Mootools中的重要部分,它支持事件监听、触发以及阻止默认行为等功能。`addEvent`用于添加事件监听器,`removeEvent`用于移除监听器,`fireEvent`可以手动触发事件。 4. **效果和动画...

    mootools tree and table

    在IT领域,JavaScript库...理解并掌握这些组件的使用方法,可以帮助我们构建更高效、更用户友好的界面,提升网站或应用的用户体验。在实践中,不断探索和学习MooTools的其他功能,将使我们在Web开发领域更具竞争力。

    mootools框架入门教程

    $方法是mootools框架中最基本的方法,它可以用来获取元素,类似于JavaScript中的document.getElementById方法。例如: `var myDiv = $('myDiv');` $$方法 $$方法是mootools框架中一个功能强大的方法,它可以通过...

    mootools中文教程.doc

    本教程主要聚焦于MooTools中的Element部分,详细解析了Element对象的一些核心方法及其应用。 1. **Element方法**: - `$(selector)`:这是MooTools中的一个基础方法,它与`document.getElementById`相似,但功能...

    mootools 中文学习文档

    MooTools支持链式调用方法,允许开发者在一个表达式中连续调用多个方法,极大地提高了代码的可读性和简洁性。例如,可以这样设置元素的样式和位置: ```javascript var element = new Element('div').setStyles({ ...

    mootools1.2中文API

    在"Mootools_doc1.2_cn_1.0"这个压缩包中,你将找到详细的文档,包括类的介绍、方法的使用示例、参数说明等。这些文档不仅覆盖了MooTools的基本用法,还涉及了如何与其他库集成、性能优化和最佳实践等方面的内容。 ...

    mootools 中文API CHM

    mootools 中文API CHM

Global site tag (gtag.js) - Google Analytics