7.7 綁定事件
在之前的學習中,我們接觸了各種事件操作。在jQuery中,我們除了使用“基本事件”的方式來為元素添加事件之外,還可以使用“綁定事件”的方式為元素添加事件。
7.8 解綁事件
在jQuery中,既然存在綁定事件,那肯定也存在對應的解綁事件。“綁定”與“解綁”是相反的關系。在jQuery中,我們可以通過off()方法解除綁定的某一指定的事件或者所
7.9 合成事件
在之前的學習,我們知道,鼠標移入和鼠標移出這2個事件往往都是同時使用的,因此我們必須分別對“鼠標移入”和“鼠標移出”這2個事件分別定義。但是在jQuery中,我們可以使用
7.10 一次事件one()
在jQuery中,我們可以使用one()方法為所選元素綁定一個“只觸發一次”的處理函數。 語法:
7.11 本章總結
jQuery封裝了JavaScript中所有的事件,使得其操作更加簡單方便,並且使得這些事件能夠兼容各大浏覽器,減少我們大量代碼的編寫。
8.1 jQuery動畫簡介
在浏覽網頁時,我們經常能夠看到大量的動畫效果:下拉菜單、圖片輪播、浮動廣告等。使用動畫效果可以最大化地優化頁面的用戶體驗,而用戶體驗這也是前端開發人員最需要考慮的一點。
8.2 顯示和隱藏
在jQuery中,如果我們想要實現元素的顯示和隱藏,可以使用2組方法: (1)sho
8.3 淡入和淡出
在jQuery中,如果我們想要實現元素的淡入淡出這種漸變效果,有3組方法: (1)f
8.4 滑上和滑下
在浏覽器網頁中,我們經常會見到具有滑動效果的下拉菜單:
8.5 自定義動畫
在前幾節,我們接觸了以下3種動畫: (1)顯示和隱藏;
8.6 隊列動畫
在了解隊列動畫之前,我們先看一段代碼: $(#lvye).click(function(){ $(this).animate
8.7 動畫的停止
在jQuery中,很多時候我們需要停止當前元素上正在執行的動畫效果,可以使用stop()方法來實現。 語法:
8.8 動畫的延遲
在jQuery中,如果我們想要對動畫進行延遲操作,可以用delay()方法來實現。 語法:
8.9 深入了解jQuery動畫
在之前的學習中,准確來說,我們接觸了4種jQuery動畫形式: (1)顯示和隱藏;
8.10 判斷動畫狀態
之前在“jQuery動畫的停止”這一節中,我們接觸過jQuery動畫中最常見的一個小bug。也詳細給大家探討了這個bug出現的根本原因以及解決方法。
8.11 本章總結
相對於JavaScript來說,使用jQuery定義動畫更加方便快速。不過呢,對於動畫效果,我們首選CSS3來實現,其次才是jQuery。
8.12 訓練題(1)帶有動畫效果的回頂部特效
在“jQuery滾動事件scroll()”這一節我們給大家介紹了“回頂部特效”的原理,不過那個例子只是一個簡單的回頂部特效。在這一節,我們在原來例子上結合jQuery動畫
9.1 jQuery過濾方法簡介
在之前的jQuery學習中,我們接觸了大量的選擇器,包括各種基本選擇器、偽類選擇器等。為了“更加靈活快速地操作元素”,除了選擇器之外,jQuery還為我們提供了以“方法”
9.2 類過濾hasClass()
類過濾,就是根據元素的類名進行過濾操作。在jQuery中,我們可以使用hasClass()方法實現。 語法:
9.3 下標過濾eq()
下表過濾,就是使用過濾方法來選取“元素集合”中指定下標位置的某一個元素。在jQuery中,我們使用eq()方法來實現下標過濾。 語法