-
jQuery中隐藏元素的hide方法 $elem.hide() 提供参数： .hide( options ) 当提供hide方法一个参数时，.hide()就会成为一个动画方法。.hide()方法将会匹配元素的宽度，高度，以及不透明度，同时进行动画操作 快捷参数： .hide("fast / slow") 这是一个动画设置的快捷方式，'fast' 和 'slow' 分别代表200和600毫秒的延时，就是元素会执行200/600毫秒的动画后再隐藏 注意： jQuery在做hide操作的时候，是会保存本身的元素的原始属性值，再之后通过对应的方法还原的时候还是初始值。比如一个元素的display属性值为inline，那么隐藏再显示时，这个元素将再次显示inline。一旦透明度 达到0，display样式属性将被设置为none，这个元素将不再在页面中影响布局 当执行动画后，回调函数事件 可以这么写: //点击buttom2 执行动画隐藏 $("button:last").click(function(){ $("#a2").hide({ duration:3000, //动画事件所用的时间 complete:function(){ alert('执行动画后执行弹窗事件') } //complete指的是事件完成后的处理，这个是回调，在完成的时候，会执行这个方法。 }) }); 或者： $("button:last").click(function(){ $("#a2").hide(3000,function(){ alert('执行动画后执行弹窗事件') }) })查看全部
-
eeee查看全部
-
最简单的使用：不带参数 $("elem").slideUp(); 这个使用的含义就是：找到元素的高度，然后采用一个下滑动画让元素一直滑到隐藏，当高度为0的时候，也就是不可见的时，修改元素display 样式属性被设置为none。这样就能确保这个元素不会影响页面布局了 带参数： .slideUp( [duration ] [, easing ] [, complete ] ) 同样可以提供一个时间，然后可以使用一种过渡使用哪种缓动函数，jQuery默认就2种，可以通过下载插件支持。最后一个动画结束的回调方法。 因为动画是异步的，所以要在动画之后执行某些操作就必须要写到回调函数里面，这里要特别注意查看全部
-
下拉动画是从无到有，所以一开始元素是需要先隐藏起来的，可以设置display:none查看全部
-
基本的操作：toggle(); 这是最基本的操作，处理元素显示或者隐藏，因为不带参数，所以没有动画。通过改变CSS的display属性，匹配的元素将被立即显示或隐藏，没有动画。 如果元素是最初显示，它会被隐藏 如果隐藏的，它会显示出来 display属性将被储存并且需要的时候可以恢复。如果一个元素的display值为inline，然后是隐藏和显示，这个元素将再次显示inline 提供参数：.toggle( [duration ] [, complete ] ) 同样的提供了时间、还有动画结束的回调。在参数对应的时间内，元素会发生显示/隐藏的改变，在改变的过程中会把元素的高、宽、不透明度进行一系列动画效果。这个元素其实就是show与hide的方法 直接定位：.toggle(display) 直接提供一个参数，指定要改变的元素的最终效果 其实就是确定是使用show还是hide方法 if ( display === true ) { $( "elem" ).show(); } else if ( display === false ) { $( "elem" ).hide(); } toggle方法就是show与hide的相互切换的一个快捷方法查看全部
-
嗯嗯嗯查看全部
-
嗯嗯嗯查看全部
-
写法： $('elem').hide(3000).show(3000) 注意事项： show与hide方法是修改的display属性，通过是visibility属性布局需要通过css方法单独设置 如果使用!important在你的样式中，比如display: none !important，如果你希望.show()方法正常工作，必须使用.css('display', 'block !important')重写样式 如果让show与hide成为一个动画，那么默认执行动画会改变元素的高度，高度，透明度查看全部
-
toggle、sildeToggle以及fadeToggle的区别： toggle：切换显示与隐藏效果 sildeToggle：切换上下拉卷滚效果 fadeToggle：切换淡入淡出效果 toggle与slideToggle细节区别： toggle：动态效果为从右至左。横向动作，toggle通过display来判断切换所有匹配元素的可见性 slideToggle：动态效果从下至上。竖向动作，slideToggle 通过高度变化来切换所有匹配元素的可见性查看全部
-
代码略修改，写出了另一种实现方式，如下截图（注释部分）：查看全部
-
jQuery的inArray()函数 语法：jQuery.inArray( value, array ,[ fromIndex ] ) 注意：如果要判断数组中是否存在指定值，你需要通过该函数的返回值不等于(或大于)-1来进行判断。查看全部
-
语法： .stop( [clearQueue ], [ jumpToEnd ] ) .stop( [queue ], [ clearQueue ] ,[ jumpToEnd ] ) ============================================================================= stop还有几个可选的参数，简单来说可以这3种情况 ①.stop(); 停止当前动画，点击在暂停处继续开始 ②.stop(true); 如果同一元素调用多个动画方法，尚未被执行的动画被放置在元素的效果队列中。这些动画不会开始，直到第一个完成。当调用.stop()的时候，队列中的下一个动画立即开始。如果clearQueue参数提供true值,那么在队列中的动画其余被删除并永远不会运行 ③.stop(true,true); 当前动画将停止，但该元素上的 CSS 属性会被立刻修改成动画的目标值查看全部
-
$("#aaron").animate( properties, options ) options参数： ① duration - 设置动画执行的时间 ② easing - 规定要使用的 easing 函数，过渡使用哪种缓动函数 ③ step：规定每个动画的每一步完成之后要执行的函数 ④ progress：每一次动画调用的时候会执行这个回调，就是一个进度的概念 ⑤ complete：动画完成回调 另：如果多个元素执行动画，回调将在每个匹配的元素上执行一次，不是作为整个动画执行一次。查看全部
-
fadeToggle切换fadeOut与fadeIn效果，所谓"切换"，即如果元素当前是可见的，则将其隐藏(淡出)；如果元素当前是隐藏的，则使其显示(淡入)。查看全部
-
fadeOut是淡出效果，相反的还有淡入效果fadeIn,方法使用上两者都是一致的，只是结果相反 .fadeIn( [duration ], [ complete ] ) duration：指定过渡动画运行多长时间(毫秒数)，默认值为400。该参数也可以为字符串"fast"(=200)或"slow"(=600)。 元素显示完毕后需要执行的函数。函数内的this指向当前DOM元素。 fadeIn()函数用于显示所有匹配的元素，并带有淡入的过渡动画效果。 注意： 淡入的动画原理：操作元素的不透明度从0%逐渐增加到100% 如果元素本身是可见的，不对其作任何改变。如果元素是隐藏的，则使其可见查看全部
举报
0/150
提交
取消