首页 > 代码库 > temp-mootools简单语法
temp-mootools简单语法
// mootools
// auditFlag = $(this).getElement(‘>td input[id="auditFlag"]‘).val()
// .getParent() //获得一个元素的父元素
//. setStyle(‘background-color‘,‘#123321‘) getStyle()
// getStyle() 中可以添加选择器 (‘width‘,‘height‘)
// ele.mystyle[‘background‘]
// .each(function(){}) ; 便利数组元素
// $A 复制一个数组
// myarray.getLast() ;获取最后一个元素
// myarrat.getRandom() 随机取得一个元素
// get(‘attribute‘ ) //获得属性的值 set 是设置 类似于 jQuery的 arrt()方法
//.erase() 清空元素内容
// 将一个元素放到另一个元素的顶部,底部 前面 后面 . inject(ele,‘before‘)
// new Element(eleName,{属性值,键值对的形式,其实是json格式的对象}) 创建一个元素
// 元素里面的内容 用 html()方法,类似于 jQuery 的 text()
// rgbToHex(red,green,bule) --转成 十六进制的形式
//为了确保是数字 可以使用 toInt()
//$type() 获取数据的类型,用字符串表示类型
// limit(min,max)
// 字符串方法
// trim() 两端空白 clean() 所有空白
// contains() 包含
// 替换 substitute() ,也可以使用正则表达式
//
// .tween() 渐变 两种效果平滑过渡
// .fade() ,平滑的调用一个元素的不透明度(0代表不可见 1代表可见)
// .highlight() 渐变快捷方式
//在函数中 可以 直接使用this
// .bind(),可以让函数里面的this等同于参数
// .start() 渐变,一个参数是从当前值到指定值,两个参数表示从一个值到另一个值
//Fx.Morph() 里面可以设置渐变很多参数 ,同时它还有事件
// Draw.Move()实现拖放,具体看里面的参数
// mootools的test()方法,里面可以进行正则匹配
//定时器 periodical(),一般就是在函数的结尾使用 .periodical(1000),表示定时启动函数,毫秒单位
// 定时器方法内置了 bind()方法
// 停止定时器用 $clear()方法
//创建一个new Hash({多个键值对的形式}) 可以使用它的 get set方法
// 添加新的(键值对)普通的对象 到hash中 .extend() ,其实这个Hash 就跟Java中的Map一致
// combine() 合并两个hash,有重复的保留原值
// erase()从Hash中删除一个键值对,只要指定键即可
// hash的.each()方法 myHash.each(function(value,key)){}
//Slider 滚动条
// Sortables排序类
// Accordion 手风琴对象
// Ajax
// new Ajax(url,{method:‘post‘,onComplete:function(){
// this.response.text 获取响应结果
// }}).request() request方法里面传递要发送的参数
// form表单是 submit事件 它有send()方法,里面有回调 onComplete()
// 可以使用 Json.evaluate(this.response.text)
// input 元素的 value值可以使用 $(XXX).value
// 像 textarea这样的元素 可以使用 $(XXX).innerText
// 在mootools中封装了三个类来进行ajax调用 ,他们是 Request,Request.JSON , Request.HTML
// new Request({url:‘‘, method:‘get‘, evalScripts:true , onSuccess:function(resText){}, onFailure:function(){}}).send();
// 有时看到在 addEvent(‘click‘,function(e){ e.stop() , ....});
// new Request.JSON({url:‘‘, method:‘get‘, onComplete:function(resJsonObj){}}).send();
// new Request.HTML({url:‘‘, method:‘get‘, onSuccess:function(html){}, onFailure:function(){}}).send();
var checkbox=new Element(‘input‘,{type:"text" ,value:"true"});
checkbox.appendText(item.displayValue);
alert(checkbox.get(‘text‘));
td.inject(checkbox);