如果你還沒有準備好，請先閱讀上一篇《mootools 1.2教程(1)——mootools介紹》。我們講了怎么引用mootools 1.2以及怎么在domready里面調用你的腳本。

今天開始本系列教程的第2講。在這一講中，我們會學習幾種選擇html元素的方法。在許多方面，這是mootools用得最多最基本的。畢竟，要創建一個基于html元素的交互性用戶體驗，你必須首先把它們掌握在手中。

基本的方法

$();

$函數是mootools中基本的選擇器。你可以通過它來根據一個id選擇dom元素。

.getelement();

.getelement();擴展了$方法，可以讓你簡化你的選擇操作。例如，你可以通過$方法來選擇id為”body_wrap“的元素，然后選擇第一個子節點。.getelement();只選擇一個元素，如果有多個符合要求的元素則返回第一個元素。如果你給.getelement();方法一個css類名作為參數，你就會得到第一個有這個css類名的元素，而不是函數所有元素的數組。要選擇多個元素，則可以使用下面的.getelements();方法。

$$();

$$函數可以可以讓你快速選擇多個元素，并組成一個數組（一種你可以操作、獲取和以任何方式重新排序的列表）。你可以通過標簽名（如div、a、img等）、或者id或者是他們的各種組合來選擇多個元素。就像一個讀者指出的那樣，你可以用$$做很多事情，遠遠超出我們這里所介紹的。

.getelements();

.getelements();和.getelement();非常類似，不過它返回所有符合要求的元素，并組成一個數組。你可以想使用.getelement();方法那樣使用.getelements();。

用運算符包含和排除結果

運算符

mootools 1.2支持幾種運算符，可以讓你進一步精簡你的選擇操作。你可以在.getelements();中使用這些運算符來包含或者排除特定的結果。mootools支持4種運算符，每一種都可以用來通過名字（name）選擇一個input元素。

• = : 等于

• $= : 以……結束

• != : 不等于

（fdream注：input在這里只是作為一個例子，你同樣可以使用這種方式選擇其他元素，比如div、a等等。）

要使用運算符，你必須首先指定元素的類型（比如這里的input），然后指定你要過濾的屬性（比如這里的name），再加上你的 運算符，最后選擇你的過濾字符串。

基于元素順序的選擇器

even（偶數選擇）

通過這個簡單的選擇器，你可以選擇序號為偶數的元素。注意：這個選擇器從0開始計數，因此第一個元素是偶數序的。

odd（奇數選擇）

和even一樣，只不過它選擇序號為奇數的元素。

.getparent();

通過.getparent();方法，你可以得到一個元素的父元素（parent）。

代碼舉例

任何mootools ui開發都是從選擇器開始的。這里是一些非常簡單的例子，演示了怎么去使用選擇器操作dom元素。

下載zip包并嘗試一下

這個zip包中包含了一個簡單的html文件、mootools 1.2核心庫、一個外部js文件和上面你所看到的例子。

更多學習……

這并不意味著這是mootools 1.2的選擇器的全部功能列表，這僅僅只是幫助你入門，告訴你mootools給你提供了什么功能。要學習有關選擇器的更多東西，請參考下面的文檔：

• 這里有非常多的有關元素（element）選擇器的文檔
• 順便也可以看一下選擇器（selectors）

mootools blog上有關$$選擇器的文章

這是mootools.net上非常好的一篇有關$$選擇器和介紹它的變化多端的blog文章。通過這個選擇器你可以做多到你無法相信的事情，這篇文章很值得一讀。

slickspeed選擇器

這里有別人針對mootools做的一個實驗，測量不同的庫在選擇元素時到底有多快。這對于它本身來說很cool，不過這些選擇器的例子非常有價值。這里所有的選擇器特性都可以通過$$方法實現。

w3c選擇器

mootools也可以讓你利用偽選擇器的力量（就像上面的slickspeed所證明的）。這里是w3c的一篇關于選擇器的文章，一定值得讀一遍（如果只有選擇器的列表對你有用的話）。我不確定mootools的$$選擇器是不是支持這個頁面上的每一個單獨選擇器，但是至少是絕大部分。歡迎大家告訴我有關這方面的更多消息。