为了账号安全,请及时绑定邮箱和手机立即绑定
  • fadeOut()函数用于隐藏所有匹配的元素,并带有淡出的过渡动画效果
    查看全部
  • $("#a1").stop().hide(3000).show(3000) //stop() 用于避免动画执行过程中反复触发 //语法结构 $("#div").stop();//停止当前动画,继续下一个动画 $("#div").stop(true);//清除元素的所有动画 $("#div").stop(false, true);//让当前动画直接到达末状态 ,继续下一个动画 $("#div").stop(true, true);//清除元素的所有动画,让当前动画直接到达末状态
    查看全部
  • 。。。
    查看全部
  • 。。。。
    查看全部
  • 好吗嘎嘎嘎
    查看全部
    0 采集 收起 来源:课程介绍

    2017-03-20

  • jQuery中DOM元素的获取index方法 $("div").index() // 返回div的第一个元素相对于父辈元素的子代元素的位置 $("div").index(element) // 返回element在div中的索引位置 <ul> <a></a> <li id="test1">1</li> <li id="test2">2</li> <li id="test3">3</li> </ul> $("li").index() 没有传递参数,反正的结果是1,它的意思是返回同辈的排列循序,第一个li之前有a元素,同辈元素是a开始为0,所以li的开始索引是1 $("li").index($("#test2")) //结果:1
    查看全部
  • jQuery中DOM元素的获取get方法 $("div").get([index]) // 查找到的div是一个合集,通过get方法查找第index个,index从0开始,get方法还可以从后往前索引,传递一个负索引值,注意的负值的索引起始值是-1
    查看全部
  • jQuery中去空格神器trim方法 $.trim(string) // 去除字符串两端的空白字符 移除字符串开始和结尾处的所有换行符,空格(包括连续的空格)和制表符(tab) 如果这些空白字符在字符串中间时,它们将被保留,不会被移除
    查看全部
  • jQuery中查找数组中的索引inArray $.inArray(value,array,[fromIndex]) $.inArray(5,[1,2,3,4,5,6,7]) //返回对应的索引:4 如果要判断数组中是否存在指定值,你需要通过该函数的返回值不等于(或大于)-1来进行判断
    查看全部
  • jQuery中each方法的 $.each(array,callback) // 遍历数组,执行回调函数 $.each(object,callback) // 遍历对象,执行回调函数 $.each(["Aaron", "慕课网"], function(index, value) { //index是索引,也就是数组的索引 //value就是数组中的值了 }); $.each(["Aaron", "慕课网"], function(index, value) { return false; //停止迭代 }); $.each({ name: "张三", age: 18 }, function(property, value) { $aaron.append("属性名=" + property + "; 属性值=" + value); });
    查看全部
  • jQuery中停止动画stop $("div").stop( [clearQueue ], [ jumpToEnd ] ) $("#aaron").animate({ height: 300 }, 5000) $("#aaron").animate({ width: 300 }, 5000) $("#aaron").animate({ opacity: 0.6 }, 2000) stop():只会停止第一个动画,第二个第三个继续 stop(true):停止第一个、第二个和第三个动画 stop(true ture):停止动画,直接跳到第一个动画的最终状态
    查看全部
  • jQuery中动画animate(下) $("div").animate(properties,options) options: duration - 设置动画执行的时间 easing - 规定要使用的 easing 函数,过渡使用哪种缓动函数 step:规定每个动画的每一步完成之后要执行的函数 progress:每一次动画调用的时候会执行这个回调,就是一个进度的概念 complete:动画完成回调
    查看全部
  • jQuery中动画animate(上) $("div").animate(properties,[duration],[easing],[complete]) 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")。 .animate({ left: 50, width: '50px' opacity: 'show', fontSize: "10em", }, 500); .animate({ width: "toggle" });
    查看全部
  • jQuery中淡入效果fadeTo $("div").fadeTo(duration,opacity,callback) // 执行速度,最终透明度值,回调函数
    查看全部
  • jQuery中淡入淡出切换fadeToggle $("div").fadeToggle([duration],[complete]) // fadeToggle切换fadeOut与fadeIn效果,所谓"切换",即如果元素当前是可见的,则将其隐藏(淡出);如果元素当前是隐藏的,则使其显示(淡入)。
    查看全部

举报

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

微信扫码,参与3人拼团

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

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