前端小知识点

1：自调用方法

(function($){

//jQuery Code

})(jquery)

这里把jQuery传递给$其实是方便你使用$符号而不是jQuery关键字

2：闭包

函数用到外部变量，不需要传参就可以获取

3：extend()

jQuery.extend()函数用于将一个或者多个对象的内容合并到目标对象。

extend(dest,src1,src2,src3…);

它的含义是将src1,src2,src3...合并到dest中，返回值为合并后的dest

该方法修改了dest结构，

var str=$.extend({},src1,src2,src3…);也就是将”{}” 作为dest的参数

这样也可以将src1,src2,src3…合并，然后将合并结果返回str,该方法没有修改dest的结构

4:on和bind

简单来说就是事件冒泡

.bind(events,[eventData],hander)

.on(events,[seletor],[data],hander)

On方法比bind方法多了一个选择器。好处是：.on方法为动态添加的元素也能绑上指定事件

例如：

$(“li”).on(“click”,function(){})

$(“li”).bind(“click”,function(){})

然后当你动态创建$(”ul li”).append(“<li></li>”);的时候，这个新加的li通过可以第一种方法绑上click事件，但不能通过第二种方法给li绑上click事件

5:queue()

queue()方法显示被选元素上要执行的函数队列

$(seletor).queue(queueName)queueName是规定队列的名称

$(seletor).queue(callback())

可以为匹配元素的函数队列最后面添加一个函数

callback()是匹配元素上的函数队列最后面要添加的函数