歡迎您光臨本站 註冊首頁

jQuery事件綁定觸發

←手機掃碼閱讀     admin @ 2019-07-09 , reply:0

一、元素操作

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、 解綁

unbindundelegate

off

3、觸發

click : $(「div」).click();

trigger:觸發事件,並且觸發瀏覽器默認行為

triggerHandler:不觸發瀏覽器默認行為



[admin ] jQuery事件綁定觸發已經有347次圍觀

http://coctec.com/open/jquery/show-post-209387.html