美文网首页
JQuery知识点

JQuery知识点

作者: QJe | 来源:发表于2018-08-05 13:00 被阅读0次

    lnj网易云课堂学习

                    2018-8-5

                    // 获取滚动的偏移位

                    // console.log($(".scroll").scrollTop());

                    // 获取网页滚动的偏移位

                    // 注意点: 为了保证浏览器的兼容, 获取网页滚动的偏移位需要按照如下写法

                    console.log($("body").scrollTop()+$("html").scrollTop());

                    // 注意点: 为了保证浏览器的兼容, 设置网页滚动偏移位的时候必须按照如下写法

                    $("html,body").scrollTop(300);

    $("body").scrollTop() :  例如google      $("html").scrollTop() :    ex firefox


    JQ事件func传参:

    $(function(){

               function AL(name){

                              alert('i am '+name)

                         };

              $('#d2').on('click',AL(‘name’));

    })

    JQuery 中以上写法将不会达到预期,以上的写法function AL将会自动执行;并且#d2  的click事件也不会触发;原因未知;

    达成预期的方法

    $(function(){

               function AL(e){      //函数名

                         alert('i am '+e.data.paramName);    //data下面的参数名称

                 };

              $('#d2').click({paramName:'param值'},AL);  

              //或者是一下方式
               $('#d2').bind('click',{paramName:'param值'},AL);

    });


    显示隐藏动画起点地址问题(show()、hide());

    如果定位中如,float 选left或者right ;则起始的点在所选位置,向相反的方向扩散;

    position 中的left right top  bottom定位决定起始点是在什么位置


    动画的淡入淡出效果(fadeIn(),fadeOut(),fadeToggle(),fadeTo())

    当fadeTo()设置透明度触发的时候,生效之后,不刷新页面的话,后面的fadeIn(),fadeToggle()淡入的效果的透明度都是fadeTo()的透明度大小,不会变成1

    初步认识了其他的样式属性如果动态的变化了,在使用JQ方法操作的时候那个元素的属性就是一直是动态变化过后的值,不管slide,fade,show操作都是;

    代码 效果图

    关于动画延迟和动画停止

    $(selector).stop(stopAll,goToEnd);  

    1.stopAll  是否停止后续的动画 布尔值

    2.goToEnd  是否完成现在动画  布尔值

    代码

    相关文章

      网友评论

          本文标题:JQuery知识点

          本文链接:https://www.haomeiwen.com/subject/rglbvftx.html