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 节流阀/链式编程 /插件相关推荐

JavaScript——jQuery AJAX链式编程(流式编程)DEMO
基本概念链式编程:设计模式之一 DEMO doSubmit: function(){ return $.ajax({url: url,type: 'post',data: $("#fm&q ...
jQuery中事件及常用事件总结、jQuery中常见效果、隐式迭代、链式编程、样式操作、动画队列、不同元素绑定同一个事件
jQuery事件: jQuery中的事件和javascript中的事件基本相似,不同的是jQuery中的事件处理函数写在事件后面的括号中,如: <script>$('input').cli ...
java链式编程_Java链式编程学习
Java链式编程在使用jquery时肯定对它的链式编程惊艳到,慢慢的其它语言这种编程模式也逐渐增多.其本身并不复杂,在调用方法时,方法最后返回对象本身,以达到链式编程的效果. 链式编程比较简单,只要 ...
java链式编程_Java 中的链式编程
前言在写项目的时候,有一个实体类有好多个属性,new 出来之后需要不停的使用setXXX( )方法,效率低而且代码可读性差,查询了下发现可以实现实体类的链式编程. public class Use ...
009_jQuery链式编程
1. jQuery方法链接 1.1. 有一种名为链接(chaining)的技术, 允许我们在相同的元素上运行多条jQuery命令, 一条接着另一条. 1.2. 这样的话, 浏览器就不必多次查找相同的元 ...
按键改变元素背景颜色链式编程的原理评分案例 each方法的使用
按键改变元素背景颜色 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
验证用户输入的是不是中文名字淘宝精品案例元素样式设置的方式链式编程
验证用户输入的是不是中文名字 <!DOCTYPE html> <html lang="en"> <head><meta charset=& ...
Object-C 关于「链式编程」与「函数式编程」简单实践
第一次来「掘金」发文章~ 「函数式编程」:每个函数都有返回,函数作为第一类对象「链式编程」:函数返回的对象继续进行函数,组成一串长链(函数式编程的体现?) 拿 jQuery 简单举个例子 var t ...
22.仿淘宝五角星评论（链式编程、隐式迭代）
试玩(淘宝案例在下面): 效果: <!DOCTYPE html> <html lang="en"> <head><meta charset ...

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

jQuery 节流阀/链式编程 /插件相关推荐

最新文章

热门文章