-
语法：参数接受一个jQuery或者dom对象作为查找的条件 .index() .index( selector ) .index( element ) 如果不传递任何参数给 .index() 方法，则返回值就是jQuery对象中第一个元素相对于它同辈元素的位置 如果在一组元素上调用 .index() ，并且参数是一个DOM元素或jQuery对象， .index() 返回值就是传入的元素相对于原先集合的位置 如果参数是一个选择器， .index() 返回值就是原先元素相对于选择器匹配元素的位置。如果找不到匹配的元素，则 .index() 返回 -1查看全部
-
注意2点 get方法是获取的dom对象，也就是通过document.getElementById获取的对象 get方法是从0开始索引查看全部
-
如果多个元素执行动画，回调将在每个匹配的元素上执行一次，不是作为整个动画执行一次查看全部
-
参数分解： 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"）。查看全部
-
注意： display属性值保存在jQuery的数据缓存中，所以display可以方便以后可以恢复到其初始值 当一个隐藏动画后，高度值达到0的时候，display 样式属性被设置为none，以确保该元素不再影响页面布局查看全部
-
因为动画是异步的，所以要在动画之后执行某些操作就必须要写到回调函数里面，这里要特别注意查看全部
-
注意事项： 下拉动画是从无到有，所以一开始元素是需要先隐藏起来的，可以设置display:none 如 果提供回调函数参数，callback会在动画完成的时候调用。将不同的动画串联在一起按顺序排列执行是非常有用的。这个回调函数不设置任何参数，但是 this会设成将要执行动画的那个DOM元素，如果多个元素一起做动画效果，那么要非常注意，回调函数会在每一个元素执行完动画后都执行一次，而不是这组 动画整体才执行一次查看全部
-
注意事项： show与hide方法是修改的display属性，通过是visibility属性布局需要通过css方法单独设置 如果使用!important在你的样式中，比如display: none !important，如果你希望.show()方法正常工作，必须使用.css('display', 'block !important')重写样式 如果让show与hide成为一个动画，那么默认执行动画会改变元素的高度，高度，透明度查看全部
-
注意： jQuery在做hide操作的时候，是会保存本身的元素的原始属性值，再之后通过对应的方法还原的时候还是初始值。比如一个元素的display属性值为inline，那么隐藏再显示时，这个元素将再次显示inline。一旦透明度 达到0，display样式属性将被设置为none，这个元素将不再在页面中影响布局查看全部
-
show与hide方法是修改的display属性，通过是visibility属性布局需要通过css方法单独设置 如果使用!important在你的样式中，比如display: none !important，如果你希望.show()方法正常工作，必须使用.css('display', 'block !important')重写样式 如果让show与hide成为一个动画，那么默认执行动画会改变元素的高度，高度，透明度查看全部
-
hide( ) 3种方式 1.不传参数 2.传入Number(duration) 3.传入函数 $("#a2").hide({ duration: 3000, complete: function() { alert('执行3000ms动画完毕') } })查看全部
-
可以调试下,我在sublime上试了下，下面是我查到的，希望能帮到你理解 now:是当前动画正在改变的属性的实时值； fx: jQuery.fx 原型对象的一个引用,其中包含了多项属性,比如 执行动画的元素：elem; 动画正在改变的属性：prop; 正在改变属性的当前值：now; 正在改变属性的结束值：end; 正在改变属性的单位：unit;等 可在这里改变animate第1个参数中设置的属性bb在动画结束时的值查看全部
-
<script type="text/javascript"> $("#exec").click(function() { var v = $("#animation").val(); var $aaron = $("#aaron a"); //通过get找到第二个a元素，并修改蓝色字体 if (v == "1") { $aaron.get(1).style.color = "blue" } else if (v == "2") { //通过get找到最后一个a元素，并修改字体颜色 $aaron.get(-1).style.color = "#8A2BE2" } }); </script>查看全部
-
.stop( [clearOueue], [jumpToEnd] ) .stop( [queue], [clearQueue], [jumpToEnd] ) stop还有几个可选的参数，简单来说可以这3种情况 1. .stop()；停止当前动画，点击在暂停处继续开始 2. .stop(true)；如果同一个元素调用多个动画方法，尚未被执行的动画被放置在元素的效果队列中。这些动画不会开始，直到第一个完成。当调用 .stop() 的时候，队列中的下一个动画立刻开始。如果clearQueue参数提供true值，那么在队列中的动画其余被删除并永远不会运行 3. .stop(true,true);当前动画将停止，但该元素上的CSS属性会被立刻修改成动画的目标值查看全部
-
.animate( properties, options ) options参数 1. duration - 设置动画执行的时间 2. easing - 规定要使用的easing函数，过渡使用哪种缓动函数 3. step：规定每个动画的每一步完成之后要执行的函数 4. progress：每一次动画调用的时候会执行这个回调，就是一个进度的概念 5. complete：动画完成回调查看全部
举报
0/150
提交
取消