-
不只是jquery的 animate 動畫, 才有時間的 參數, 實際上, 在所有的動畫中, 包括: show/hide/toggle, slideup/slidedown/slidetoggle, fadein/fadeout/fadeto, animate 等, 都有速度(即動畫切換速度時間)參數. 即所有的動畫都有: speed, ease, callbackFn 三個參數.
-
不要以為只有jquery的動畫只有 "垂直方向", 實際上, 在水平方向上的動畫是 一樣的, 也可以實現, 那就是,, 通過animate的 "width: 變化來實現"..
-
動畫 的組合? 你可以在一個 動畫中, 同時實現多個參數的改變, 那么這時后, 這些選項參數的改變是同時的, 如width 和 height 同時改變; 但是 有時候, 卻需要 多個選項, 多個參數的改變, 不是同時的, 而是一個一個的發生的, 即前面一個 height 高度 實現動畫完成后, 然后再讓 width寬度 實現動畫 改變. 這就要看你的實際需求了...
-
關於多個事件的切換? 直接就提供了兩個方法, 一個是 hover(在over, out之間切換), 一個是toggle(f1, f2, f3, f4....). 這個hover就整合了 mouseover 和 mouseout兩個事件. 它實際生活就相當於 兩個事件的 toggle! 是一種特殊形式 toggle.
-
關於filter的用法
filter是過濾出 符合 后面的表達式 的元素(或元素集合). filter過濾出的是我們要保留的結果: 其中 過濾表達式 "可以" 是多個表達式, 相互之間用 逗號隔開, 注意,這些過濾表達式, 是 "或" "or" 的關系, 不是"與 and"的關系. 不是說這些過濾表達式要同時滿足, 才能得到結果, 而是說只要 滿足其中 任意 一個過濾表達式的 元素 都將被篩選出來. -
jquery中的options選項的 格式, {attr, value} , 前面的 attr表示的是屬性名稱 , 這里是表示的關鍵字, 所以不用加引號. 這個跟json格式 字符串不同!
-
‵ $(':not(:animated'), filter(':not(:animated)') ` , 中的 :animated表示 正在 執行動畫的元素, 其中的 animated 是表示被動語態, 而不是表示 完成時
jquery 中的 選擇器, 即$ 括號中的 內容, 不管有 多少, 都只是 用一個 引號. 不必添加單引號 雙引號什么的!
關於 hover顯示和隱藏 的思路 的擴展!! 很重要!!
-
既要重視以前的 hover方法, 但是, 也要 避免 "什么都是hover, 只要一看到 顯示和隱藏就是 hover" 的這種思想!
以前我們都是 將 "觸發"和 "顯示的" 部分作為 兩個部分來 做的,可以這么做, 並不是不可以, 那么這時后, 就要注意處理 觸發和顯示兩部分之間的 空白過渡區域.
(markdown的列表, 並不是不可以換行的! 只要換行中不包括 空白行就可以! 因為 在markdown中 , 空白行表示的是 "段落"! 只要沒有空白行, 就表示始終是同一個段落!) -
但是前面的第一種方法 總是有些 麻煩 "不優雅", 很別扭的. 所以可以使用第二種思路: 將"觸發 和 顯示" 部分, 作為一個 整體 部分 , 把它們放在 同一個div中, 然后
使用animate來 控制 水平方向的width/ 垂直方向上用height 動畫, 而且動畫的width和height 就不顯示或隱藏 完了, 只是到 "觸發部分"就好了!! 這樣就很好的解決了觸發和顯示 部分之間的 過渡地段 的問題. -
總之, 就是 不管觸發和 顯示區域的大小是否相同, 總是可以把 它們放在一起, 都放在一個div中 來進行顯示的. 三個選擇: 一是 可以將觸發和顯示作為 並列元素, 二是將 觸發和顯示 放在一個div 大的容器中(這是最常用的方式); 三是將觸發和 顯示 都分別作為 一個div, 放到一個父div中. 反正根據需要來看 . 因為 , 一個div 中包含 的 子元素, 不一定尺寸(寬度和高度)都是一樣 的 . 即使 包含的子元素的 寬 高 不一樣, 也可以作為一個整體 來進行設置!
-
不管是采用 哪種方法, 如果出現問題, 總是考慮: 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 等中在最頂端的 虛線形式的標尺 ...