为了账号安全,请及时绑定邮箱和手机立即绑定
  • 语法 jQuery.each(array, callback ) jQuery.each( object, callback ) 第一个参数传递的就是一个对象或者数组,第二个是回调函数
    查看全部
  • 语法: jQuery.inArray( value, array ,[ fromIndex ] ) 用法非常简单,传递一个检测的目标值,然后传递原始的数组,可以通过fromIndex规定查找的起始值,默认数组是0开始
    查看全部
  • get方法是从0开始索引。 get方法还可以从后往前索引,传递一个负索引值,注意的负值的索引起始值是-1
    查看全部
  • 特别注意单位,属性值的单位像素(px),除非另有说明。单位em 和 %需要指定使用。 除了定义数值,每个属性能使用'show', 'hide', 和 'toggle'。这些快捷方式允许定制隐藏和显示动画用来控制元素的显示或隐藏。 .animate({ width: "toggle" });
    查看全部
  • fadeToggle方法 fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换。 元素是淡出显示的,fadeToggle() 会使用淡入效果显示它们。 元素是淡入显示的,fadeToggle() 会使用淡出效果显示它们。 注释:隐藏的元素不会被完全显示(不再影响页面的布局)。
    查看全部
  • toggle与slideToggle细节区别: toggle:动态效果为从右至左。横向动作,toggle通过display来判断切换所有匹配元素的可见性; slideToggle:动态效果从下至上。竖向动作,slideToggle 通过高度变化来切换所有匹配元素的可见性。
    查看全部
  • 最简单的使用:不带参数 $("elem").slideUp(); 这个使用的含义就是:找到元素的高度,然后采用一个下滑动画让元素一直滑到隐藏,当高度为0的时候,也就是不可见的时,修改元素display 样式属性被设置为none。 带参数: .slideUp( [duration ] [, easing ] [, complete ] ) 同样可以提供一个时间,然后可以使用一种过渡使用哪种缓动函数,jQuery默认就2种,可以通过下载插件支持。最后一个动画结束的回调方法。 **** 因为动画是异步的,所以要在动画之后执行某些操作就必须要写到回调函数里面,这里要特别注意
    查看全部
  • toggle(); 这是最基本的操作,处理元素显示或者隐藏,因为不带参数,所以没有动画。 ** 如果元素是最初显示,它会被隐藏 ** 如果隐藏的,它会显示出来 提供参数:.toggle( [duration ] [, complete ] ) 提供了时间、还有动画结束的回调。在参数对应的时间内,元素会发生显示/隐藏的改变,在改变的过程中会把元素的高、宽、不透明度进行一系列动画效果。
    查看全部
  • show与hide方法是修改的display属性,通过是visibility属性布局需要通过css方法单独设置; 如果使用!important在你的样式中,比如display: none !important,如果你希望.show()方法正常工作,必须使用.css('display', 'block !important')重写样式; 如果让show与hide成为一个动画,那么默认执行动画会改变元素的高度,高度,透明度。
    查看全部
  • duration 可选/String/Number类型指定过渡动画运行多长时间(毫秒数),默认值为400。该参数也可以为字符串"fast"(=200)或"slow"(=600)。 complete:元素隐藏完毕后需要执行的函数。函数内的this指向当前DOM元素。
    查看全部
  • <body> <h2>hide</h2> <div class="left"> <h4>测试一</h4> <div id="a1">hide操作</div> <button>直接hide</button> <script type="text/javascript"> //点击buttom1 直接隐藏 $("button:first").click(function() { $("#a1").hide() }); </script> <h4>测试一</h4> <div id="a2">hide动画操作</div> <button>hide带动画</button> <script type="text/javascript"> //点击buttom2 执行动画隐藏 /* $("button:last").click(function() { $("#a2").hide({ duration: 3000, complete: function() { alert('执行3000ms动画完毕') } }) });*/ $("button:last").click(function(){ $("#a2").hide({ duration:3000, complete:function(){ alert("执行完成") } }) }) </script> </div> </body>
    查看全部
  • 本节动画无法显示是jQuery引用的问题 <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
    查看全部
  • 注意2点 get方法是获取的dom对象,也就是通过document.getElementById获取的对象 get方法是从0开始索引 所以第二个a元素的查找: $(a).get(1) 负索引值参数 get方法还可以从后往前索引,传递一个负索引值,注意的负值的索引起始值是-1 同样是找到第二元素,可以传递 $(a).get(-2)
    查看全部
  • 这个函数很简单,没有多余的参数用法 需要注意: 移除字符串开始和结尾处的所有换行符,空格(包括连续的空格)和制表符(tab) 如果这些空白字符在字符串中间时,它们将被保留,不会被移除 通过右边的代码可以明显看到trim使用后的效果
    查看全部
  • 如果多个元素执行动画,回调将在每个匹配的元素上执行一次,不是作为整个动画执行一次
    查看全部

举报

0/150
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的基础语法 2、jQuery当中的动画处理

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!