jQuery常用函式

2021-10-07 07:23:05 字數 2004 閱讀 9156

html**/文字/值

no函式名描述1

val()

取得值2

val(value)

設定值3

text()

取得文字內容

4text(value)

設定文字內容

5html()

取得html內容

6html(value)

設定html內容

屬性/css 類

no函式名描述1

attr(name)

取得屬性值

2attr(name,value)

設定屬性值

3removeattr(name)

刪除屬性

4addclass(classname)

新增css類

5removeclass(classname)

移除css類

6css(『樣式名稱』,『樣式內容』)

直接設定具體的css樣式資訊

文件處理

no函式名描述1

向指定的元素之後追加新內容

2在指定的元素之後追加內容

3prepend(元素|文字|function)

向指定的元素之前追加新內容

4prependto(選擇器)

在指定元素之前追加新的內容

5after(元素|文字|function)

在指定的元素之後追加

6before(元素|文字|function)

在指定的元素之前追加

7clone(true)

複製元素,如果設定為ture則表示深度複製

8replacewith(元素|文字|function)

進行內容的替換

9replaceall(元素|文字|function)

替換全部

10warp(元素)

包裹11

unwarp(元素)取消包裹

12each(function(){})

返回元素集合的時候需要進行迭代處理

13remove()

刪除當前元素

14empty()

清空當前元素下的所有子元素

事件no

函式名描述

1ready(function)

當dom準備就緒時,指定乙個函式來執行。

2on(events,function)

在選定的元素上繫結乙個或多個事件處理函式。

3one( events,function)

為元素的事件新增處理函式。處理函式在每個元素上每種事件型別最多執行一次。

4event.stoppropagation()

阻止事件向上冒泡。

5off( events)

移除乙個事件處理函式。

6hover(function, function)

將二個事件函式繫結到匹配元素上,分別當滑鼠指標進入和離開元素時被執行。

動畫處理

no函式名描述1

show(timeout,function)

顯示隱藏的匹配元素

2hide(timeout,function)

隱藏匹配的元素

3slidedown(timeout,function)

用滑動動畫顯示乙個匹配元素,向下滑動

4slideup(timeout,function)

用滑動動畫顯示乙個匹配元素,向上滑動

5slidetoggle(timeout,function)

用滑動動畫顯示或隱藏乙個匹配元素,切換滑動

6fadein(timeout,function)

通過淡入的方式顯示匹配元素

7fadeout(timeout,function)

通過淡出的方式隱藏匹配元素

8fadeto( timeout,opacity,function)

調整匹配元素的透明度

9animate( properties,timeout,function)

根據一組 css 屬性,執行自定義動畫

jquery常用函式

複製物件 const obj const copy object.assign obj console.log copy 合併物件 const o1 const o2 const o3 const obj object.assign o1,o2,o3 console.log obj console....

jQuery常用函式整理

1.toggle fn,fn td toggle function function 作用 會進行切換,用於繫結兩個或多個事件處理器函式,以響應被選元素的輪流的 click 事件。2.wrap html test paragraph.p wrap 結果 test paragraph.作用 把所有匹配...

jquery常用功能函式

1.運算元組和物件 主要包括元素的遍歷,篩選,合併等 1 遍歷each 格式 each object,fn object是要遍歷的物件。fn是遍歷所有物件所要執行的函式,可以接受兩個引數 1.陣列物件的屬性或者元素序號 2.屬性或者元素的值 例如 html 輸出每個列表項的值jquery butto...