temp-mootools簡單文法

來源:互聯網
上載者:User

標籤:style   color   java   使用   os   io   資料   for   

 

// 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() ,也可以使用Regex
//
// .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);

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.