绑定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方法触发这些事件。
网友评论