节流阀:
keydown 事件缺点:当键盘一直处于按下时,事件会一直在触发。
解决: 节流阀, 当键盘按下时,如果没抬起, 阻止下一次事件触发 。
1.定义一个变量默认为true var flag = true
2.判断flag 值 ,修改flag为false if(flag){ flag = false; }
3.满足某个事件时,flag = true
链式编程
判断是否能继续链式编程,返回的是不是一个jq对象
图片懒加载:图片过多的页面,为了加速页面加载速度,将页面内未出现在可视区域内的图片先不做加载, 等到滚动到可视区域后再去加载 jquery.lazyload.js
3. 将图片 src 换成 date-original
4.给图片添加一个类 lazy
5.调用方法 $("img.lazy").lazyload( ) ;
(一般图片懒加载做法,在页面上的未可视区域可以添加一个滚动条事件,判断图片位置与浏览器顶端的距离与页面的距离,如果前者小于后者,优先加载。)
插件:给jquery对象增加方法
颜色改变:jq 的自定义动画函数不支持颜色的渐变,如何设置颜色渐变,用jq的插件完成 jquery.color.js
使用插件步骤:
1.引入jquery 的js文件
2.引入插件的js文件
3.直接设置相应值
自定义jq插件,通过 $.fn.方法,称为插件方法·:
原型对象 jQuery.prototype == $.fn ;
$.fn.bgcolor = function (color){ this. css("bacgrounColor",color) }