第77天：jQuery事件繫結觸發

一、元素操作

1、 高度和寬度

$(“div”).height(); // 高度

$(“div”).width(); // 寬度

.height()方法和.css(“height”)的區別：

返回值不同，.height()方法返回的是 數字型別(20)，.css(“height”)返回的是字串型別(20px)，因此.height()方法常用在參與數學計算的時候

2、座標值

$(“div”).offset(); // 獲取或設定座標值 設定值後變成相對定位

$(“div”).position(); // 獲取座標值 子絕父相 只能讀取不能設定

3、滾動條（滾動事件）

$(“div”).scrollTop(); // 相對於滾動條頂部的偏移

$(“div”).scrolllLeft(); // 相對於滾動條左部的偏移

案例：兩次跟隨的廣告

案例：防騰訊固定導航欄

二、jQuery事件

1、繫結

click/mouseenter/blur/keyup

// 繫結事件

bind：$node.bind(“click”,function(){});

// 觸發一次

one : $node.one(“click”,function(){});

delegate : $node.delegate(“p”,”click”,function(){});

on： $node.on(“click”,”p”,function(){});

2、 解綁

unbind、undelegate

off

3、觸發

click : $(“div”).click();

trigger：觸發事件，並且觸發瀏覽器預設行為

triggerHandler：不觸發瀏覽器預設行為