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

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值