大頭恩之Prototype.js 學習手記

2008-04-18 frank

首先…小弟不才..這只是小弟的筆記…大部份資源都是英文的,只是整理成中文,給自己參考用!

第1個功能:$()

它算是JS以前document.getElementById()快捷用法吧!
但是加上了更強大的使用方法!

它會回傳hiding/showing the element, getting its size, scrolling to the element等等的屬性!
你可以利用Element.Methods 方式取得所有的元素方法!
而如果這是個Form元素的話,你可以利用Form.Methods取得Form的元素
而如果你是表單中的元素(input,select,or textarea)那你可以用Form.Element.Methods的方式來取得哦
來看第一個例子吧!







	
		This is a paragraph
	
	
		This is another paragraph

但是由於新版本的推出,許多新的元素在呼叫時都會回傳元素自己本身,你可以依照這個特性,去使用更複雜的語法

試試看把下列例子加到上面的 test function中..試試看便知了

//變更文字,增加css屬性,並讓它顯示出來
$('messageDiv').update('Your order was accepted.').addClassName('operationOK').show();

//在下再加上一個預設是不顯示的物件!

雖然使用ajax 不是第一天了…但是很用心去看原文的資源跟尋找各大 javascript 的framework是最近才開始!

果然還是師父領進門,修行在個人!

從基礎向下紮根,向上提升才是不二法門啊!

話說回來…prototype,Jquery,Mootools,都有各自擅長的領域呢…

剛有混用了mootools跟prototype…發現有些語法不能用 >_<

第1個功能:$()

分享此文：