JQuery的常用方法(更新中)

2021-09-13 16:22:16 字數 2029 閱讀 6021

刪除新增class

addclass() 新增class,新增多個用空格隔開,重複新增一樣的class樣式會自動去重

removeclass() 刪除class,刪多個用空格隔開。

width系列

width() 包含width

innerwidth() 包含width+padding

otherwidth() 包含width+border+padding

otherwidth(true) 包含width+border+padding+margin

返回的都是數字,可以直接計算。

節點操作系列remove() 刪除節點

頁面距離

scrolltop() 獲取當前頁面滾動高度

offset() left top 什麼都不算,直接計算,距最左邊的距離

position() 什麼都算,計算距離第乙個有定位的父級的距離

offsetparent() 查詢父節點,獲取第乙個有定位的父節點,如果沒有繼續往上去找。

$

(window)

.scrolltop()

;//高度

$(window)

.outerwidth()

;//視窗的寬$(

"#div2").

offset()

.left;$(

"#div2").

position()

.left;$(

"#div2").

offsetparent()

.css

("backgroundcolor"

,'red');

//查父節點

視窗變化事件

resize() 視窗大小發生變化,觸發的事件b

size和each

size() 返回,獲取到的元素節點個數

each() 類似迴圈遍歷

$

(function()

)11111111111

<

/li>

11111111111

<

/li>

<

/ul>

on和off

one() 和on()是一樣的,但是one()內的事件只能執行一次

off() 取消節點上所有的事件和函式

$

("div").

on(})

$("div").

off(

"click"

, show)

;//取消div節點下click事件下的show函式

1、給乙個事件,新增乙個函式

$

("div").

on("click"

,function()

)

2、同時給兩或兩個以上個不同的事件,新增同乙個函式上去

$

("div").

on("click mouseover"

,function()

)

3、給不同的事件,新增不同的函式

$

("div").

on(, mouseover:

function()

, mouseout:

function()

})

4、實現事件委託

$

("ul").

on("click"

,"li"

,function()

)$("#off").

click

(function()

)

jQuery 常用方法2(持續更新)

5.fadein fadeout fadetoggle fadeto fadein 用於淡入已隱藏的元素。fadeout 方法用於淡出可見元素。fadetoggle 方法可以在 fadein 與 fadeout 方法之間進行切換。如果元素已淡出,則 fadetoggle 會向元素新增淡入效果。如果元...

jquery的常用方法

attribute p addclass css中定義的樣式型別 給某個元素新增樣式 img attr 給某個元素新增屬性 值,引數是map img attr src test.jpg 給某個元素新增屬性 值 img attr title function return domele this do...

jquery的常用方法

jquery相關,如果對你有幫助請支援一下!1 jquery 庫中的 是 什麼 是什麼?是什麼?函式是 jquery 函式的別稱。函式用於將任何物件包裹成 jquery 物件,接著你就被允許呼叫定義在 jquery 物件上的多個不同方法。你可以將乙個選擇器字串傳入 函式,它會返回乙個包含所有匹配的 ...