如要在javaScript中使用$()需要
從 Prototype 官方網站 http://prototype.conio.net/ 下載最新的開發包 prototype-1.4.0.js ,放到應用程序目錄中,通過 <script> 代碼引入 Prototype 程序庫:
<script language="javascript" type="text/javascript" src="prototype-1.4.0.js"></script>
簡單一點也可以直接定義一個方法
var $ = function (obj){return document.getElementById(obj);}
然后既可以在頁面使用$('//控件Id').value 獲取控件的值了
$,是指prototype定義的一類方法
$("id") 得到的是頁面id為"id"的元素
$F("id") 得到的是頁面id為"id"的元素的值,這是只讀的,不可寫
參考文章
http://blog.csdn.net/xiangrong530/archive/2007/12/04/1916741.aspx
2. 通用性方法
這個程序包里面包含了許多預定義的對象和通用性方法。編寫這些方法的明顯的目的就是為了減少你大量的重復編碼和慣用法。
2.1. 使用 $()方法
$() 方法是在DOM中使用過于頻繁的 document.getElementById() 方法的一個便利的簡寫,就像這個DOM方法一樣,這個方法返回參數傳入的id的那個元素。
比起DOM中的方法,這個更勝一籌。你可以傳入多個id作為參數然后 $() 返回一個帶有所有要求的元素的一個 Array 對象。下面的例子會向你描述這些。
<HTML><HEAD><TITLE> Test Page </TITLE><script src="prototype-1.3.1.js"></script><script> function test1() { var d = $(’myDiv’); alert(d.innerHTML); } function test2() { var divs = $(’myDiv’,’myOtherDiv’); for(i=0; i<divs.length; i++) { alert(divs[i].innerHTML); } }</script></HEAD><BODY> <div id="myDiv"> <p>This is a paragraph</p> </div> <div id="myOtherDiv"> <p>This is another paragraph</p> </div> <input type="button" value=Test1 onclick="test1();"><br> <input type="button" value=Test2 onclick="test2();"><br></BODY></HTML>
這個方法的另一個好處就是你可以傳入id字符串或者元素對象自己,這使得在創建可以傳入任何形式參數的方法的時候, 它變得非常有用。
2.2. 使用$F()方法
$F()方法是另一個非常受歡迎的簡寫。它可以返回任何輸入表單控件的值,如文本框或下拉框。 這個方法可以傳入元素的id或者元素自己。
<script> function test3() { alert( $F(’userName’) ); }</script><input type="text" id="userName" value="Joe Doe"><br> <input type="button" value=Test3 onclick="test3();"><br>
本文來自CSDN博客,轉載請標明出處:http://blog.csdn.net/zoika/archive/2009/07/01/4313320.aspx