jQuery 节流阀/链式编程 /插件

节流阀:

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)    }

 

 

你可能感兴趣的:(JQuery)