为了账号安全,请及时绑定邮箱和手机立即绑定
  • 操作元素的显示和隐藏可以有几种方法。 例如: 改变样式display为none 设置位置高度为0 设置透明度为0 都能达到这个目的,并且针对这样的处理jQuery都提供了各自的方法。show/hide、sildeDown/sildeUp、fadeIn/fadeOut。除此之外,还引入了toggle、sildeToggle以及fadeToggle切换方法 toggle、sildeToggle以及fadeToggle的区别: toggle:切换显示与隐藏效果 sildeToggle:切换上下拉卷滚效果 fadeToggle:切换淡入淡出效果 当然细节上还是有更多的不同点: toggle与slideToggle细节区别: toggle:动态效果为从右至左。横向动作,toggle通过display来判断切换所有匹配元素的可见性 slideToggle:动态效果从下至上。竖向动作,slideToggle 通过高度变化来切换所有匹配元素的可见性 fadeToggle方法 fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换。 元素是淡出显示的,fadeToggle() 会使用淡入效果显示它们。 元素是淡入显示的,fadeToggle() 会使用淡出效果显示它们。 注释:隐藏的元素不会被完全显示(不再影响页面的布局)
    查看全部
  • 上卷下拉切换slideToggle
    查看全部
  • .slideDown():用滑动动画显示一个匹配元素 $("button:first").click(function() { $("#a1").slideDown(1000) });
    查看全部
  • toggle用于切换显示或隐藏匹配元素 基本的操作:toggle(); <script type="text/javascript"> $("button:first").click(function() { $(".left").toggle(3000) }); </script> <script type="text/javascript"> $("button:last").click(function() { $(".right").toggle(3000) }); </script>
    查看全部
  • $('elem').hide(3000).show(3000) 让元素执行3秒的隐藏动画,然后执行3秒的显示动画。
    查看全部
  • 隐藏元素的动画hide() <script type="text/javascript"> //点击buttom1 直接隐藏 $("button:first").click(function() { $("#a1").hide(4000) }); </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动画完毕') } }) }); </script>
    查看全部
  • $("#div").stop();//停止当前动画,继续下一个动画 $("#div").stop(true);//清除元素的所有动画 $("#div").stop(false, true);//让当前动画直接到达末状态 ,继续下一个动画 $("#div").stop(true, true);//清除元素的所有动画,让当前动画直接到达末状态
    查看全部
  • arguments[1]代表的是progress的进度,而它是从0-1的,0代表开始,1代表结束
    查看全部
  • 1. stop() 停止当前动画 2. stop(true) 停止当前执行动画元素的所有动画行为 3. stop(true,true) 停止当前执行动画元素的所有动画行为,并且直接到达动画最后一帧
    查看全部
  • 语法:参数接受一个jQuery或者dom对象作为查找的条件 .index() .index( selector ) .index( element ) 如果不传递任何参数给 .index() 方法,则返回值就是jQuery对象中第一个元素同一父元素下相对于它兄弟元素的位置 如果参数是一个选择器, .index() 返回值就是原先元素相对于选择器匹配元素的位置。如果找不到匹配的元素,则 .index() 返回 -1 如果在一组元素上调用 .index() ,并且参数是一个DOM元素或jQuery对象, .index() 返回值就是传入的元素相对于原先集合的位置
    查看全部
  • 注意2点 get方法是获取的dom对象,也就是通过document.getElementById获取的对象 get方法是从0开始索引 负索引值参数 get方法还可以从后往前索引,传递一个负索引值,注意的负值的索引起始值是-1
    查看全部
  • jQuery中去空格神器trim方法 jQuery.trim()函数用于去除字符串两端的空白字符 需要注意: 移除字符串开始和结尾处的所有换行符,空格(包括连续的空格)和制表符(tab) 如果这些空白字符在字符串中间时,它们将被保留,不会被移除
    查看全部
  • jQuery.inArray( value, array ,[ fromIndex ] ) 用法非常简单,传递一个检测的目标值,然后传递原始的数组,可以通过fromIndex规定查找的起始值,默认数组是0开始; 若数组中具有多个值则返回第一个出现的位置,若返回值为 -1 表明该值不存在
    查看全部
  • jQuery中each方法的应用 1.第一个参数传递的就是一个对象或者数组,第二个是回调函数 2.回调函数中传入的两个参数,如果遍历的是数组,第一个参数是索引值,第二个参数是数组的值;如果遍历是对象,第一个参数是属性,第二个参数是属性值。
    查看全部
  • $("#div").stop();//停止当前动画,继续下一个动画 $("#div").stop(true);//清除元素的所有动画 $("#div").stop(false, true);//让当前动画直接到达末状态 ,继续下一个动画 $("#div").stop(true, true);//清除元素的所有动画,让当前动画直接到达末状态
    查看全部

举报

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

微信扫码,参与3人拼团

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

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