-
jQuery.inArray(<val>, <array>[, <fromIndex>]?)：判断元素是否在数组中。 从原始数组<array>的索引为<fromIndex>（默认为0）的项开始向后查找<val>，找到就返回其索引值，否则返回-1。 判断条件：if(<result> < 0)查看全部
-
循环迭代： jQuery.each(<arr>, function(<index>, <val>)) jQuery.each(<obj>, function(<prop>, <val>)) <selector>.each(function(<index>, <ele>)) 停止循环：在function中返回false。查看全部
-
jQuery中动画animate(下) .animate( properties, options ) options参数 duration - 设置动画执行的时间 easing - 规定要使用的 easing 函数，过渡使用哪种缓动函数 step：规定每个动画的每一步完成之后要执行的函数 progress：每一次动画调用的时候会执行这个回调，就是一个进度的概念 complete：动画完成回调 其中最关键的一点就是： 如果多个元素执行动画，回调将在每个匹配的元素上执行一次，不是作为整个动画执行一次 列出常用的方式： $('#elem').animate({ width: 'toggle', height: 'toggle' }, { duration: 5000, specialEasing: { width: 'linear', height: 'easeOutBounce' }, complete: function() { $(this).after('<div>Animation complete.</div>'); } });查看全部
-
停止动画： .stop(<isStopAll>?[, <isGoToEnd>]?) 参数说明： <isStopAll>表明是否停止所有动画，默认false； <isGoToEnd>表明是否直接跳到动画的最终状态，默认false。查看全部
-
自定义动画： .animate(<props>[, <duration>]?[, <easing>]?[, <func>]?) .animate(<props>, <opts>) 备注： <props>是object对象，格式为{<prop>:<val>,...}； 用于动画的属性必须是数字的； 属性值有“show”、“hide”、“toggle”或数值（单位默认为px），允许使用+=、-=设置数值； 不会自动显示隐藏的元素。查看全部
-
jQuery中动画animate(上) 有些复杂的动画通过之前学到的几个动画函数是不能够实现，这时候就需要强大的animate方法了。animate方法更加灵活了，可以精确的控制样式属性从而执行动画。 语法： .animate( properties ,[ duration ], [ easing ], [ complete ] ) .animate( properties, options ) 参数分解： properties：一个或多个css属性的键值对所构成的Object对象。要特别注意所有用于动画的属性必须是数字的，除非另有说明；这些属性如果不是数字的将不能使用基本的jQuery功能。比如常见的，border、margin、padding、width、height、font、left、top、right、bottom、wordSpacing等等这些都是能产生动画效果的。background-color很明显不可以，因为参数是red或者GBG这样的值，非常用插件，否则正常情况下是不能只用动画效果的。注意，CSS 样式使用 DOM 名称（比如 "fontSize"）来设置，而非 CSS 名称（比如 "font-size"）。 特别注意单位，属性值的单位像素（px）,除非另有说明。单位em 和 %需要指定使用 .animate({ left: 50, width: '50px' opacity: 'show', fontSize: "10em", }, 500); 除了定义数值，每个属性能使用'show', 'hide', 和 'toggle'。这些快捷方式允许定制隐藏和显示动画用来控制元素的显示或隐藏 .animate({ width: "toggle" }); 如果提供一个以+= 或 -=开始的值，那么目标值就是以这个属性的当前值加上或者减去给定的数字来计算的 .animate({ left: '+=50px' }, "slow"); duration时间 easing动画运动的算法 complete回调查看全部
-
fadeIn类似于show，fadeOut类似于hide，fadeToggle类似于toggle，但只改变透明度。 fadeTo(<duration>, <opacity>[, <easing>]?[, <func>]?)则调整透明度为指定的值。查看全部
-
toggle、sildeToggle以及fadeToggle的区别： toggle：切换显示与隐藏效果 sildeToggle：切换上下拉卷滚效果 fadeToggle：切换淡入淡出效果 当然细节上还是有更多的不同点: toggle与slideToggle细节区别： toggle：动态效果为从右至左。横向动作，toggle通过display来判断切换所有匹配元素的可见性 slideToggle：动态效果从下至上。竖向动作，slideToggle 通过高度变化来切换所有匹配元素的可见性 fadeToggle方法 fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换。 元素是淡出显示的，fadeToggle() 会使用淡入效果显示它们。 元素是淡入显示的，fadeToggle() 会使用淡出效果显示它们。 注释：隐藏的元素不会被完全显示（不再影响页面的布局）查看全部
-
slideDown类似show，slideUp类似hide，slideToggle类似toggle，但是只改变高度。查看全部
-
隐藏： .hide() .hide(<duration>[, <easing>]?[, <func>]?) .hide(<opts>) 显示： .show() .show(<duration>[, <easing>]?[, <func>]?) .show(<opts>) 切换： .toggle() .toggle(<duration>[, <easing>]?[, <func>]?) .toggle(<opts>) .toggle(<isDisplay>) 参数说明： <duration>表示动画时长，值有“slow”（600）、“normal”（默认400）、“fast”（200）和毫秒数值； <easing>指定切换效果，值有“swing”（默认）、“linear”； <func>规定动画完成时执行的函数，每个元素执行一次； <opts>为object对象，格式为{<duration>:<val1>,<easing>:<val2>,...}； <isDisplay>为true则显示，false则隐藏。 备注： show和hide修改display属性； 如果样式中有“!important”则需要用.css()方法重置； show和hide设置了<duration>时，默认改变元素的宽高和透明度。查看全部
-
style()是js独有的方法，而css()是jq独有的方法，get()方法后取得的js元素，它只能识别style()，而不能识别css() get方法是获取dom对象，eq方法是获取jq对象查看全部
-
step: function(now, fx) progress: function(now, fx) now:是当前动画正在改变的属性的实时值； fx: jQuery.fx 原型对象的一个引用,其中包含了多项属性,比如 执行动画的元素：elem; 动画正在改变的属性：prop; 正在改变属性的当前值：now; 正在改变属性的结束值：end; 正在改变属性的单位：unit;等 可在这里改变animate第1个参数中设置的属性bb在动画结束时的值查看全部
-
jQuery中淡入效果fadeTo 改变元素透明度0~1 语法 .fadeTo( duration, opacity ,callback) 必需的 duration参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间）。可选的 callback 参数是该函数完成后所执行的函数名称。查看全部
-
jQuery中淡入淡出切换fadeToggle fadeToggle切换fadeOut与fadeIn效果，所谓"切换"，即如果元素当前是可见的，则将其隐藏(淡出)；如果元素当前是隐藏的，则使其显示(淡入)。 常用语法：.fadeToggle( [duration ] ,[ complete ] ) 可选的 duration 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。 可选的 callback 参数是 fadeToggle完成后所执行的函数名称。查看全部
-
jQuery中淡入动画fadeIn fadeOut是淡出效果，相反的还有淡入效果fadeIn .fadeIn( [duration ], [ complete ] ) duration：指定过渡动画运行多长时间(毫秒数)，默认值为400。该参数也可以为字符串"fast"(=200)或"slow"(=600)。 元素显示完毕后需要执行的函数。函数内的this指向当前DOM元素。 fadeIn()函数用于显示所有匹配的元素，并带有淡入的过渡动画效果。 注意： 淡入的动画原理：操作元素的不透明度从0%逐渐增加到100% 如果元素本身是可见的，不对其作任何改变。如果元素是隐藏的，则使其可见查看全部
举报
0/150
提交
取消