init
中需要完成的事情
init
先获取事件,比如this.$footer = $(footer)
this.bind()
绑定事件this.render()
渲染页面
jQuery事件监听获取数据
var eventCenter = {
on:function(type,handler){
$(document).on(type,handler);
},
fire:function(type,data){
$(document).trigger(type,data);
}
}
//当监听 xxx 的时候,打印 niao
eventCenter.on('xxx',function(e,data){
console.log('xxx',data)
})
eventCenter.fire('xxx','niao')
jQuery API
.html()
有两种用法,第1种是获取匹配元素的 HTML 内容,第二种是设置匹配元素的 HTML 内容,要字符串的形式。.find()
通过一个选择器,jQuery对象,得到当前匹配的元素集合中的相应 。.getJSON(string)
通过 HTTP GET 请求从服务器获取 JSON 编码。deferred.done(function)
和deferred.fail(function)
异步处理函数,成功时执行.done()
里面的内容,失败后执行.fail()
里面的内容。.length
得到匹配元素的数量。outerWidth([includeMargin])
可获取匹配元素的宽度,包括padding
,border
和选择性的margin
,如果括号中是true
,获取的宽度包含margin
。要注意获得的宽度是不包含px
单位的。.attr(attributeName[,value])
获得匹配元素的属性名称的值,加上value
可以设置匹配元素的属性名称的值。.animation(properties[,duration][,easing][,function])
,propertes
是 CSS 的value
和key
,duration
是持续的事件,easing
是过度动画,function
动画完成时需要执行的函数。