JQuery

绑定click事件

给元素绑定click事件，可以用如下方法：

$('#btn1').click(function(){

    // 内部的this指的是原生对象

    // 使用jquery对象用 $(this)

})

// //JS原生写法

window.onload = function(){

}

jQuery写法，等同于上面写法

$(window).load(function(){

})

ready的写法

$(document).ready(function(){

 })

ready的简写

 $(function(){

 })

 窗口改变尺寸的时候，会高频触发

$(window).resize(function() {

console.log('3');

});

1、获取和设置元素的尺寸

2、获取元素相对页面的绝对位置

offset()

3、获取可视区高度

$(window).height();

4、获取页面高度

$(document).height();

5、获取页面滚动距离：$(document).scrollTop(); $(document).scrollLeft();

6、页面滚动事件：$(window).scroll(function(){ 

    ...... 

})

主动触发与自定义事件

主动触发 

可使用jquery对象上的trigger方法来触发对象上绑定的事件。

自定义事件 

除了系统事件外，可以通过bind方法自定义事件，然后用trigger方法触发这些事件。