JQuery學習系列總結 選單製作

2021-06-18 13:51:42 字數 1494 閱讀 1761

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的$方法,也可以傳入多個選擇器

jQuery學習總結

function jquery jquery function fn是jquery建構函式的prototype屬性的別名 通過布林型別的 boxmodel標誌可以知道當前頁面使用的是哪乙個方框模型 如果頁面使用w3c標準的方框模型,被設定為true 如果頁面使用ie瀏覽器的方框模型 有時稱為傳統模型...

JQuery學習總結

按照案例導向來總結 首先要想辦法找到元素 1.基本的語法,載入 2.相關選擇器 基本,層級,屬性 文件操作的篩選 3.dom物件和jq物件 前面有 符號 的轉換 然後要繫結事件 比dom的事件少乙個on 操作有bind,hover等 然後做一些屬性操作 attr,addclass,html等 然後注...

jQuery學習總結

1 查詢dom元素進行取值和賦值的操作 在特定節點位置進行內容的取值和賦值操作 innerhtml 2 針對元素進行事件監聽。3 通過操作dom節點結合改變元素的css樣式,達到絢麗的動畫效果。4 對dom元素進行ajax操作。對於jquery來說,可以對這四部分提供完美的實現 a jquery擁有...