为了账号安全,请及时绑定邮箱和手机立即绑定
  • 回调函数中传入的两个参数,如果遍历的是数组,第一个参数是索引值,第二个参数是数组的值;如果遍历是对象,第一个参数是属性,第二个参数是属性值。

    查看全部
  • //     显示隐藏           .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

    查看全部
  • https://img1.sycdn.imooc.com//5ac9bf7b0001078f05840092.jpg第二个参数是什么意思?

    查看全部
  • 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:动画完成回调


    查看全部

举报

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

微信扫码,参与3人拼团

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

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