JQuery知识点
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 是否完成现在动画 布尔值
代码