-
animate在执行动画中，如果需要观察动画的一些执行情况，或者在动画进行中的某一时刻进行一些其他处理，我们可以通过animate提供的第二种设置语法，传递一个对象参数，可以拿到动画执行状态一些通知 .animate( properties, options ) options参数 duration - 设置动画执行的时间 easing - 规定要使用的 easing 函数，过渡使用哪种缓动函数 step：规定每个动画的每一步完成之后要执行的函数 progress：每一次动画调用的时候会执行这个回调，就是一个进度的概念 complete：动画完成回调 其中最关键的一点就是： 如果多个元素执行动画，回调将在每个匹配的元素上执行一次，不是作为整个动画执行一次查看全部
-
语法： .animate( properties ,[ duration ], [ easing ], [ complete ] ) .animate( properties, options ) 参数分解： properties：一个或多个css属性的键值对所构成的Object对象。要特别注意所有用于动画的属性必须是数字的，除非另有说明；这些属性如果不是数字的将不能使用基本的jQuery功能。 如background-color很明显不可以，因为参数是red或者GBG这样的值，非常用插件，否则正常情况下是不能只用动画效果的。 注意，CSS 样式使用 DOM 名称（比如 "fontSize"）来设置，而非 CSS 名称（比如 "font-size"）。 特别注意单位，属性值的单位像素（px）,除非另有说明。单位em 和 %需要指定使用 除了定义数值，每个属性能使用'show', 'hide', 和 'toggle'。这些快捷方式允许定制隐藏和显示动画用来控制元素的显示或隐藏 如果提供一个以+= 或 -=开始的值，那么目标值就是以这个属性的当前值加上或者减去给定的数字来计算的 duration时间 动画执行的时间，持续时间是以毫秒为单位的；值越大表示动画执行的越慢，不是越快。还可以提供'fast' 和 'slow'字符串，分别表示持续时间为200 和 600毫秒。 easing动画运动的算法 jQuery库中默认调用 swing。如果需要其他的动画算法，请查找相关的插件 complete回调 动画完成时执行的函数，这个可以保证当前动画确定完成后发会触发查看全部
-
操作元素的显示和隐藏可以有几种方法。 改变样式display为none 设置位置高度为0 设置透明度为0 toggle、sildeToggle以及fadeToggle的区别： toggle：切换显示与隐藏效果 sildeToggle：切换上下拉卷滚效果 fadeToggle：切换淡入淡出效果 toggle与slideToggle细节区别： toggle：动态效果为从右至左。横向动作，toggle通过display来判断切换所有匹配元素的可见性 slideToggle：动态效果从下至上。竖向动作，slideToggle 通过高度变化来切换所有匹配元素的可见性 fadeToggle方法 fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换。 元素是淡出显示的，fadeToggle() 会使用淡入效果显示它们。 元素是淡入显示的，fadeToggle() 会使用淡出效果显示它们。 注释：隐藏的元素不会被完全显示（不再影响页面的布局）查看全部
-
.fadeTo( duration, opacity ,callback) 必需的 duration参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。 fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间）。可选的 callback 参数是该函数完成后所执行的函数名称。查看全部
-
jQuery新版本变动 .toggle(function, function, … ) 方法删除 这个方法绑定两个或多个处理程序到匹配的元素，用来执行交替的点击事件。它不应该被混同于显示或隐藏匹配元素.toggle( )方法，因为它没有过时。前者被删除，以减少混乱和提高模块化程度。jQuery Migrate（迁移）插件可以恢复此功能。 自行扩展原理：绑定点击事件，参数调用由计数取模决定。支持引用jQuery-2.0版本以上。 $.fn.extend({ toggle: function () { var _arguments = arguments; for (var i=0; i<$(this).length; i++) { var count = 0; $(this).on("click",function () { _arguments[count % _arguments.length](); count++; }) } return $(this); } });查看全部
-
字符串 'fast' 和 'slow' 分别代表200和600毫秒的延时。如果提供任何其他字符串，或者这个duration参数被省略，那么默认使用400 毫秒的延时 $("ele").slideDown(1000, function() { //等待动画执行1秒后,执行别的动作.... }); 注意事项： 下拉动画是从无到有，所以一开始元素是需要先隐藏起来的，可以设置display:none 如 果提供回调函数参数，callback会在动画完成的时候调用。将不同的动画串联在一起按顺序排列执行是非常有用的。 这个回调函数不设置任何参数，但是 this会设成将要执行动画的那个DOM元素，如果多个元素一起做动画效果，那么要非常注意，回调函数会在每一个元素执行完动画后都执行一次，而不是这组 动画整体才执行一次查看全部
-
$("#a2").hide({ duration: 3000, complete: function() { alert('执行3000ms动画完毕') } })查看全部
-
快捷参数： .hide("fast / slow") 这是一个动画设置的快捷方式，'fast' 和 'slow' 分别代表200和600毫秒的延时，就是元素会执行200/600毫秒的动画后再隐藏 注意： jQuery在做hide操作的时候，是会保存本身的元素的原始属性值，再之后通过对应的方法还原的时候还是初始值。比如一个元素的display属性值为inline，那么隐藏再显示时，这个元素将再次显示inline。一旦透明度 达到0，display样式属性将被设置为none，这个元素将不再在页面中影响布局查看全部
-
get()是通过已知的索引在合集中找到对应的元素。 index()是从匹配的元素中搜索给定元素的索引值，从0开始。查看全部
-
果不传递任何参数给 .index() 方法，则返回值就是jQuery对象中第一个元素相对于它同辈元素的位置查看全部
-
.get( [index ] )索引值来从数组中获取元素查看全部
-
负索引值参数 get方法还可以从后往前索引，传递一个负索引值，注意的负值的索引起始值是-1查看全部
-
jQuery.trim()函数用于去除字符串两端的空白字符 这个函数很简单，没有多余的参数用法 需要注意： 移除字符串开始和结尾处的所有换行符，空格(包括连续的空格)和制表符（tab） 如果这些空白字符在字符串中间时，它们将被保留，不会被移除 通过右边的代码可以明显看到trim使用后的效果查看全部
-
jQuery.inArray()函数用于在数组中搜索指定的值，并返回其索引值。如果数组中不存在该值，则返回 -1。查看全部
-
.stop后重新开始会从第一个变化开始跑查看全部
举报
0/150
提交
取消