关于jquery所有动画都有速度和动画的方向(在宽度方向上的动画)?
-
不只是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 等中在最顶端的 虚线形式的标尺 ...