1.1?? 元素操作

1.1.1??? 高度和寬度

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

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

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

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

1.1.2??? 坐標值

$(“div”).offset();???????????? // 獲取或設置坐標值 設置值后變成相對定位

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

1.1.3??? 滾動條（滾動事件）

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

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

案例：兩次跟隨的廣告

案例：防騰訊固定導航欄

1.2?? jQuery事件

1.2.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(){});

1.2.2??? 解綁

unbind、undelegate?

off

1.2.3??? 觸發

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

trigger：觸發事件，并且觸發瀏覽器默認行為

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

?

1.3?? jQuery事件對象介紹

event.stopPropagation()? ????? //阻止事件冒泡

event.preventDefault();???????? //阻止默認行為

轉載于:https://www.cnblogs.com/yangguoe/p/8169281.html

總結

以上是生活随笔為你收集整理的jQuery元素操作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。