-
slideToggle用滑动动画显示(下拉)或隐藏(上卷)一个匹配元素 用法： 1、slideToggle()：获取元素的高度，使这个元素的高度发生改变，从而让元素里的内容往下或往上滑。 2、slideToggle([duration ],[ complete ])：提供了时间、还有动画结束的回调。在参数对应的时间内，元素会完成动画，然后出发回调函数，同时也提供了时间的快速定义，字符串 'fast' 和 'slow' 分别代表200和600毫秒的延时。 注意事项： 1、display属性值保存在jQuery的数据缓存中，所以display可以方便以后可以恢复到其初始值 2、当一个隐藏动画后，高度值达到0的时候，display 样式属性被设置为none，以确保该元素不再影响页面布局 代码为一个常用的手风琴demo查看全部
-
.val()方法，当没设置value属性时，获取的是<option>中的文本，如“ <option>慕课网</option>”获取到的是“慕课网”； 设置了value属性的话，获取到就是value的值，如“<option value=‘imooc’>慕课网</option>”获取到的是“imooc”而不是“慕课网”了。查看全部
-
最简单的使用：不带参数--$("elem").slideUp(); 带参数： .slideUp( [duration ] [, easing ] [, complete ] ) 因为动画是异步的，所以要在动画之后执行某些操作就必须要写到回调函数里面，这里要特别注意查看全部
-
具体使用： $("ele").slideDown(1000, function() { //等待动画执行1秒后,执行别的动作.... }); 注意事项： 下拉动画是从无到有，所以一开始元素是需要先隐藏起来的，可以设置display:none 如 果提供回调函数参数，callback会在动画完成的时候调用。将不同的动画串联在一起按顺序排列执行是非常有用的。这个回调函数不设置任何参数，但是 this会设成将要执行动画的那个DOM元素，如果多个元素一起做动画效果，那么要非常注意，回调函数会在每一个元素执行完动画后都执行一次，而不是这组 动画整体才执行一次查看全部
-
display属性值保存在jQuery的数据缓存中，所以display可以方便以后可以恢复到其初始值 当一个隐藏动画后，高度值达到0的时候，display 样式属性被设置为none，以确保该元素不再影响页面布局查看全部
-
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 通过高度变化来切换所有匹配元素的可见性查看全部
-
toggle方法：用于切换匹配元素的显示或隐藏状态 1、toggle()：处理元素显示或者隐藏状态，不带参数所以没有动画，只是通过改变CSS的display属性来实现效果。 1.1、如果元素最初是显示状态，则会被隐藏 1.2、如果元素最初是隐藏状态，则会被显示 2、.toggle([duration ],[complete ])：提供了时间、还有动画结束的回调。在参数对应的时间内，元素会发生显示/隐藏的改变，在改变的过程中会把元素的高、宽、不透明度进行一系列动画效果。这个元素其实就是show与hide的方法 3、toggle(display)：提供一个参数，指定要改变的元素的最终效果，确定是使用show还是hide方法查看全部
-
jQuery中显示元素的show方法 看一段代码：使用上一致，结果相反 $('elem').hide(3000).show(3000) 让元素执行3秒的隐藏动画，然后执行3秒的显示动画 注意事项： show与hide方法是修改的display属性，通过是visibility属性布局需要通过css方法单独设置 如果使用!important在你的样式中，比如display: none !important，如果你希望.show()方法正常工作，必须使用.css('display', 'block !important')重写样式 如果让show与hide成为一个动画，那么默认执行动画会改变元素的高度，高度，透明度查看全部
-
hide()方法将为匹配元素的宽度，高度，以及不透明度，同时进行动画操作 隐藏元素的hide方法 执行动画隐藏： .hide(fast/slow) fast和slow分别代表200和600毫秒的延时，就是元素会执行200、600毫秒的动画后再隐藏。 例子写法一： $("#a2").hide(2000); 如果要设置动画的多个参数： $("#a2").hide({ duration:2000, complete:function(){ alert("执行2000毫秒动画完毕") } }) 写法二： $("#a1").hide(2000,function () { alert("123"); });查看全部
-
本节用于测试动画比较好查看全部
-
step每一步完成之后执行的函数，progress每一次动画调用时候执行的函数，类似于进度条查看全部
-
val()方法，当元素没有设置value值时获取的是元素的文本节点内容。设置了value值之后，获取的是value值内容。 .fadeOut( [duration ], [ complete ] )第一个参数可以设置为fast,slow和数值等。如果没有设置就是默认值600. $("p").fadeOut(1000, "linear");中的“linear”是匀速变化的意思查看全部
-
var arr = [ "one", "two", "three", "four"]; $.each(arr, function(){ alert(this); }); //上面这个each输出的结果分别为：one,two,three,four var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]] $.each(arr1, function(i, item){ alert(item[0]); }); //其实arr1为一个二维数组，item相当于取每一个一维数组， //item[0]相对于取每一个一维数组里的第一个值 //所以上面这个each输出分别为：1 4 7 var obj = { one:1, two:2, three:3, four:4}; $.each(obj, function(key, val) { alert(obj[key]); }); //这个each就有更厉害了，能循环每一个属性 //输出结果为：1 2 3 4查看全部
-
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时间 动画执行的时间，持续时间是以毫秒为单位的；值越大表示动画执行的越慢，不是越快。还可以提供'fast' 和 'slow'字符串，分别表示持续时间为200 和 600毫秒。 easing动画运动的算法 jQuery库中默认调用 swing。如果需要其他的动画算法，请查找相关的插件 complete回调 动画完成时执行的函数，这个可以保证当前动画确定完成后发会触发查看全部
举报
0/150
提交
取消