天天看點

JQuery實戰第四講小結(标簽頁的效果)

1.       一組标簽用一個ul來管理,每一個标簽是ul中的一個li;标簽下面的内容就是用div來管理

2.       跟在浮動元素(float)之後的元素會圍繞着浮動元素,如果不希望有這種圍繞,可以再浮動元素之後的那個元素上定義clear屬性,來清除這種效果。

3.       實作目前标簽和内容區域的融合,可以通過使用相同的背景色,外加目前标簽使用同顔色的邊框來實作。

4.       Jquery中的mouseover,mouseout方法對應标準javascript的onmouseover,,onmouseout事件,可以處理滑鼠進入和離開的事件。

5.       在一個包含了多個元素的Jquery對象執行each方法,尅一注冊給each方法的那個function的内容被每一個元素執行。同時這個function還可以接受到一個參數,表示這個元素的索引值。Jquery中的很多方法也用到了each

6.       eq方法可以根據索引值隻得到Jquery對象中包含的多個元素中的某一個元素,并任然傳回元素對應的心Jquery對象。

7.       選擇器中使用eq,例如$(“div:eq(1)”)

8.       addClass和removeClasss方法用于添加和移除元素的class定義

9.       Javascript的setTimeout方法可以延時執行某些代碼,對應的clearTimeout可以清楚設定的延時操作。

10.   做一個AJAX應用的時候,可以考慮現在FireFox上調試通過,然後再到其他浏覽器中進行檢查,并修正可能的相容性問題。

11.   cursor屬性可以控制元素上的滑鼠樣式,pointer的屬性值表示手型樣式,也就是我們常見的連結滑鼠樣式。

12.   position屬性可以控制元素定位的方式,值為relative時表示相對原來的位置進行定義。可以通過設定top。Left,bottom,right的值來控制元素相對原來的位置進行移動。、

13.   z-index可以控制元素在頁面中的層高,值越大就會在頁面的層越靠前,也就會覆寫住一些Z-index值較低的元素。隻有position的值為relative或absolute的元素,z-index才會生效、

14.   Jquery中的load方法十分強大,可以把一個指定的靜态,動态頁面或伺服器端程式輸出的資料裝入到執行load方法的Jquery對象包裝着得元素中。

15.   load方法還支援部分裝載,在裝入的頁面位址後面加空格,然後使用選擇器,就可以把頁面中符合選擇器的部分裝入進來。

16.   被load的頁面一定要是UTF-8編碼的,否則裝入後中文會顯示亂碼。

17.   bind可以用于給指定的節點綁定Javascript的事件或Jquery中定義的事件。對于Jquery中沒有直接提供注冊方法的事件,可以用這種方式注冊。方法的第二個參數可以是事件執行的方法定義。

18.   ajaxStart,ajaxStop對應ajax互動開始前和結束後的時間,給某一個節點注冊了着兩個時間後,目前頁面的ajax互動開始前和結束後,就會執行指定的方法。