Head First jQuery讀書筆記

Mylin發表於2015-06-03

1. jQuery函式

使用jQuery函式可以從HTML頁面中選擇要處理的元素,$快捷方式意味著你不必反覆輸入jQuery。jQuery函式可以處理選擇器,HTML,甚至可以處理js物件。

2. 選擇器

jQuery採用CSS的方式選擇元素:同樣可以利用選擇器。幾乎任何HTML元素都可以用jQuery選擇器來選擇。後代選擇器。

3. 淡入淡出效果

一旦選擇了一個元素,可以採用多種方式讓它淡入淡出,包括Fadein,Fadeout,Fadeto和FadeToggle。可以將各種元素淡入顯示,包括文字,影象等。要控制淡入淡出效果的速度,可以在語句末尾的括號中加入一個時間(以毫秒為單位0)。

4. script的位置

這是因為指令碼會阻塞瀏覽器中的並行下載,不同的伺服器的多個影象可以同時下載,不過一旦瀏覽器遇到一個<script>標記,就不能再並行地下載多個元素了。因此把它放到最下面,能夠提高頁面的載入速度。

5. $(this)

選擇當前元素,對當前物件的引用。.append追加元素。.remove刪除元素。Math.floor()和Math.random()。

6. 事件與函式

繫結事件和移除事件,比如只允許點選一次。總共大約有30個事件。

相關文章