-
回调函数中传入的两个参数,如果遍历的是数组,第一个参数是索引值,第二个参数是数组的值;如果遍历是对象,第一个参数是属性,第二个参数是属性值。
查看全部 -
// 显示隐藏 .hide()+.show() = .toggle()
// 下拉上卷 .slideUp()+.slideDown() = .slideToggle()
// 淡入淡出 .fadeOut()+.fadeIn() = .fadeToggle()查看全部 -
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <style> *{ font-family:"微软雅黑"; } .left .a1-box{ width: 300px; padding: 5px; margin: 5px; background: #fff; border:1px solid #ededed; box-shadow:1px 10px 20px #eee; } .left .a1-box button{ border:none; background:none; outline:none; width:100%; text-align:left; color:#999; cursor:pointer; } .left .a1-box button b{ width:16px; height:16px; background:#c9394a; color:#fff; display:inline-block; text-align:center; line-height:16px; margin-right:10px; } .left .a1-box #a1{ padding:10px; font-size:14px; color:#666; display:none; } </style> <script src="https://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <h4>任务</h4> <div class="left"> <div class="a1-box"> <button><b>?</b>不会了怎么办</button> <div id="a1">slideDown与slideUp是一对相反的方法。需要对元素进行上下拉卷效果的切换,jQuery提供了一个便捷方法slideToggle用滑动动画显示或隐藏一个匹配元素</div> </div> </div> <script type="text/javascript"> $("button").click(function(){ $("#a1").stop().slideToggle(500) }); </script> </body> </html>
查看全部 -
https://libs.baidu.com/jquery/1.9.1/jquery.js
查看全部 -
第二个参数是什么意思?
查看全部 -
animate():
如果多个元素执行动画,回调将在每个匹配的元素执行一次。
查看全部 -
get方法是获取dom对象,eq方法是获取jq对象;
get方法是获取dom对象,也就是通过document.getElementById();
查看全部 -
width: "toggle" //设置为左右隐藏
height:"toggle" //设置为上下滑动隐藏
opacity:"toggle" //设置为淡出淡入隐藏 opacity是透明度时间: 2017-06-26 3
查看全部 -
duration 可选/String/Number类型指定过渡动画运行多长时间(毫秒数),默认值为400。该参数也可以为字符串"fast"(=200)或"slow"(=600)。
complete:元素隐藏完毕后需要执行的函数。函数内的this指向当前DOM元素。查看全部 -
.index()
.index( selector )
.index( element )查看全部 -
.get( [index ] )
注意2点
get方法是获取的dom对象,也就是通过document.getElementById获取的对象
get方法是从0开始索引
所以第二个a元素的查找: $(a).get(1)
负索引值参数
get方法还可以从后往前索引,传递一个负索引值,注意的负值的索引起始值是-1
同样是找到第二元素,可以传递 $(a).get(-2)
查看全部 -
jQuery.inArray( value, array ,[ fromIndex ] )
用法非常简单,传递一个检测的目标值,然后传递原始的数组,可以通过fromIndex规定查找的起始值,默认数组是0开始
例如:在数组中查找值是5的索引
$.inArray(5,[1,2,3,4,5,6,7]) //返回对应的索引:4
查看全部 -
jQuery.each(array, callback )
jQuery.each( object, callback )第一个参数传递的就是一个对象或者数组,第二个是回调函数
$.each(["Aaron", "慕课网"], function(index, value) {
//index是索引,也就是数组的索引
//value就是数组中的值了
});查看全部 -
$("#aaron").animate({
height: 300
}, 5000)
$("#aaron").animate({
width: 300
}, 5000)
$("#aaron").animate({
opacity: 0.6
}, 2000)stop():只会停止第一个动画,第二个第三个继续
stop(true):停止第一个、第二个和第三个动画
stop(true ture):停止动画,直接跳到第一个动画的最终状态
查看全部 -
.animate( properties, options )
options参数
duration - 设置动画执行的时间
easing - 规定要使用的 easing 函数,过渡使用哪种缓动函数
step:规定每个动画的每一步完成之后要执行的函数
progress:每一次动画调用的时候会执行这个回调,就是一个进度的概念
complete:动画完成回调
查看全部
举报