1、頁面中的菜單項可以通過嵌套的ul和li來表示

2、菜單最外層為ul，一層每個主菜單放在一個li中，如果有子菜單，在這個主菜單的li中建立新的ul，再依次嵌套即可構建多層的菜單

3、瀏覽器中ul和li元素默認情況下文字前都有圓點標識符，li元素會有縮進。Opera瀏覽器比較特殊，li的標識符和其他瀏覽器不同

4、list-style屬性值為none時，可以清除ul和li的小圓點

5、清除子菜單的縮進值，需要padding和margin都為0，其中IE6和IE7只有margin也為0的時候才可以清除縮進值

6、可以使用background-image來指定一個元素的背景圖，如果背景圖比元素的實際大小要小，那么背景圖會自動在橫向和縱向上重復顯示，直到填滿整個區域

7、可以使用background-repeat來控制背景圖的重復填充方式

8、如果在一個元素上同時定義了背景圖和背景色，那么有背景圖的地方是不會顯示背景色的

9、text-decoration屬性值為none時，可以取消文字上的下劃線

10、background-position可以控制背景圖的位置，屬性值既可以用數值，也可以用center，left，top這些值來控制橫向和縱向的位置，這個屬性的兩個值，第一個對應橫向，第二個對應縱向

11、background-image值為none表示沒有背景圖

12、background-repeat的值為no-repeat時，背景圖不會在所在的區域中重復顯示

13、IE6以外的其他瀏覽器可以通過設定dislpay的值為block來讓a元素充滿所在區域，對于IE6，則需要設定display為inline-block，同時設定a的寬度

14、display的值為none可以用于隱藏元素

15、.main a和.main > a的不同之處，前者選擇使用了.main的這個class的元素內部所有的a節點，后者只選擇.main的子節點中的a節點

16、show，hide方法可以用于顯示和隱藏元素，沒有參數的效果和修改css的display屬性效果一樣。參數可以是單位為毫秒的數值，或者是“slow”，“normal”，“fast”這三個文字，都可以用來控制完成顯示或者隱藏所需要的時間，注意這時動畫效果是靠不斷改變元素的高度和寬度來實現的

17、toggle方法更為強大，可以省去我們判斷元素是顯示還是隱藏的狀態，直接讓顯示的元素隱藏起來，隱藏的元素顯示出來，參數使用方法和show，hide

18、slideDown，slideUp可以實現向下或向上卷動的效果，實際上是通過指定時間內修改元素的高度來實現動畫效果。需要注意的是，這兩個方法參數為空的情況和show，hide不同

19、slideToggle和toggle達到的效果類似

20、DOCTYPE對于JQuery中的動畫是有影響的，沒有DOCTYPE定義時，在IE中，JQuery的動畫會出現閃爍的糟糕效果

21、float的值是left，可以使原本各自位于一行的元素全部在一行中向左浮動

22、可以給多個選擇器定義同樣的樣式，選擇器之間用逗號分隔，同樣對于JQuery的$方法，也可以傳入多個選擇器

轉載于:https://www.cnblogs.com/caowei-it/p/4145764.html

總結

以上是生活随笔為你收集整理的JQuery学习系列总结—菜单制作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。