關於jquery全部動畫都有速度和動畫的方向(在寬度方向上的動畫)?

1. 不僅是jquery的 animate 動畫, 纔有時間的 參數, 實際上, 在全部的動畫中, 包括: show/hide/toggle, slideup/slidedown/slidetoggle, fadein/fadeout/fadeto, animate 等, 都有速度(即動畫切換速度時間)參數. 即全部的動畫都有: speed, ease, callbackFn 三個參數.

2. 不要覺得只有jquery的動畫只有 "垂直方向", 實際上, 在水平方向上的動畫是 同樣的, 也能夠實現, 那就是,, 經過animate的 "width: 變化來實現"..

3. 動畫 的組合? 你能夠在一個 動畫中, 同時實現多個參數的改變, 那麼這時後, 這些選項參數的改變是同時的, 如width 和 height 同時改變; 可是 有時候, 卻須要 多個選項, 多個參數的改變, 不是同時的, 而是一個一個的發生的, 即前面一個 height 高度 實現動畫完成後, 而後再讓 width寬度 實現動畫 改變. 這就要看你的實際需求了...

4. 關於多個事件的切換? 直接就提供了兩個方法, 一個是 hover(在over, out之間切換), 一個是toggle(f1, f2, f3, f4....). 這個hover就整合了 mouseover 和 mouseout兩個事件. 它實際生活就至關於 兩個事件的 toggle! 是一種特殊形式 toggle.

5. 關於filter的用法
   filter是過濾出 符合 後面的表達式 的元素(或元素集合). filter過濾出的是咱們要保留的結果: 其中 過濾表達式 "能夠" 是多個表達式, 相互之間用 逗號隔開, 注意,這些過濾表達式, 是 "或" "or" 的關係, 不是"與 and"的關係. 不是說這些過濾表達式要同時知足, 才能獲得結果, 而是說只要 知足其中 任意 一個過濾表達式的 元素 都將被篩選出來.

6. jquery中的options選項的 格式, {attr, value} , 前面的 attr表示的是屬性名稱 , 這裏是表示的關鍵字, 因此不用加引號. 這個跟json格式 字符串不一樣!

7. ‵ $(':not(:animated'), filter(':not(:animated)') ` , 中的 :animated表示 正在 執行動畫的元素, 其中的 animated 是表示被動語態, 而不是表示 完成時

jquery 中的 選擇器, 即$ 括號中的 內容, 無論有 多少, 都只是 用一個 引號. 沒必要添加單引號 雙引號什麼的!

關於 hover顯示和隱藏 的思路 的擴展!! 很重要!!

1. 既要重視之前的 hover方法, 可是, 也要 避免 "什麼都是hover, 只要一看到 顯示和隱藏就是 hover" 的這種思想!
   之前咱們都是 將 "觸發"和 "顯示的" 部分做爲 兩個部分來 作的,能夠這麼作, 並非不能夠, 那麼這時後, 就要注意處理 觸發和顯示兩部分之間的 空白過渡區域.
   (markdown的列表, 並非不能夠換行的! 只要換行中不包括 空白行就能夠! 由於 在markdown中 , 空白行表示的是 "段落"! 只要沒有空白行, 就表示始終是同一個段落!)

2. 可是前面的第一種方法 老是有些 麻煩 "不優雅", 很彆扭的. 因此可使用第二種思路: 將"觸發 和 顯示" 部分, 做爲一個 總體 部分 , 把它們放在 同一個div中, 而後
   使用animate來 控制 水平方向的width/ 垂直方向上用height 動畫, 並且動畫的width和height 就不顯示或隱藏 完了, 只是到 "觸發部分"就行了!! 這樣就很好的解決了觸發和顯示 部分之間的 過渡地段 的問題.

3. 總之, 就是 無論觸發和 顯示區域的大小是否相同, 老是能夠把 它們放在一塊兒, 都放在一個div中 來進行顯示的. 三個選擇: 一是 能夠將觸發和顯示做爲 並列元素, 二是將 觸發和顯示 放在一個div 大的容器中(這是最經常使用的方式); 三是將觸發和 顯示 都分別做爲 一個div, 放到一個父div中. 反正根據須要來看 . 由於 , 一個div 中包含 的 子元素, 不必定尺寸(寬度和高度)都是同樣 的 . 即便 包含的子元素的 寬 高 不同, 也能夠做爲一個總體 來進行設置!

4. 不論是採用 哪一種方法, 若是出現問題, 老是考慮: stop(true, true), 或 $('selecctor'). filter(':not(:animated)'). 動畫方法! 來消除 "動畫積累"的問題!!

在jquery中, 凡是要用來測試的, 都[能夠] 使用is 函數: is(expr | jquery obj| dom ele| fn). 其中的expr表達式, 是css selector選擇器!! 如: $('selector').is('form', ':visible',....) 其中, :visible是 選擇器, 是可見性 選擇器!

在使用 jquery方法的時候, 要求options時一個 大括號引發的 map, 一般, 最後一個option後, 你能夠加逗號, 也能夠不加逗號, 可是對於ie, 有時候 若是你在 最後一項option的後面加了 逗號的話, 可能會產生 意外的 錯誤. 因此, 最好是 "最後一個option後, 不加逗號"

vim的標尺, 指的是, vim最底部的 指示當前光標所在的行數/列數 位置的 indicator. 這個就是標尺, 仍是比較有用的. 它不一樣於 word 等中在最頂端的 虛線形式的標尺 ...