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擁有...