綁定click事件
給元素綁定click事件,可以用如下方法:
$('#btn1').click(function(){
? ? // 內(nèi)部的this指的是原生對(duì)象
? ? // 使用jquery對(duì)象用 $(this)
})
// //JS原生寫法
window.onload = function(){
}
jQuery寫法,等同于上面寫法
$(window).load(function(){
})
ready的寫法
$(document).ready(function(){
?})
ready的簡(jiǎn)寫
?$(function(){
?})
?窗口改變尺寸的時(shí)候,會(huì)高頻觸發(fā)
$(window).resize(function() {
console.log('3');
});
1、獲取和設(shè)置元素的尺寸
2、獲取元素相對(duì)頁(yè)面的絕對(duì)位置
offset()
3、獲取可視區(qū)高度
$(window).height();
4、獲取頁(yè)面高度
$(document).height();
5、獲取頁(yè)面滾動(dòng)距離:$(document).scrollTop(); $(document).scrollLeft();
6、頁(yè)面滾動(dòng)事件:$(window).scroll(function(){?
? ? ......?
})
主動(dòng)觸發(fā)與自定義事件
主動(dòng)觸發(fā)?
可使用jquery對(duì)象上的trigger方法來(lái)觸發(fā)對(duì)象上綁定的事件。
自定義事件?
除了系統(tǒng)事件外,可以通過(guò)bind方法自定義事件,然后用trigger方法觸發(fā)這些事件。