JQuery知识点

2018-08-05  本文已影响0人  QJe

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  是否完成现在动画  布尔值

代码
上一篇下一篇

猜你喜欢

热点阅读