jQuery的遍歷以及內建動畫

2021-10-11 11:43:18 字數 1114 閱讀 9074

例項與解釋

body (great-great-grandparent)

div (great-grandparent)

ul (grandparent)

li (direct parent) span

find 獲取匹配到的後代元素

$

(document)

.ready

(function()

);})

;

children() 獲取子元素

$

(document)

.ready

(function()

);})

;

find 是後代 children 是子代

parent 獲取父元素

$

(document)

.ready

(function()

);})

;

parents 獲取祖先元素

$

(document)

.ready

(function()

);})

;

siblings 獲取所有的兄弟節點

next 獲取後乙個兄弟節點

nextall 獲取後面所有的兄弟節點

nextuntil 獲取後面的兄弟元素,但是有個範圍 找到nextuntil中設定的元素後就不找了。

prev 獲取前乙個兄弟節點

prevall 獲取前面所有的兄弟節點

prevuntil 獲取前面的兄弟元素,但是有個範圍 找到nextuntil中設定的元素後就不找了。

普通新增

on關鍵字新增

off 解除事件

hide

show

基本特效 滑動變化 、透明度受到變化

slideup

slidedown

滑動特效 滑動變化 透明度不受變化

fadeout

fadein

漸變特效 漸變變化 透明度受影響

自定義特效

JQuery 四 動畫和遍歷

1 預設顯示和隱藏方式 function hidefn function showfn function togglefn else 2 滑動顯示和隱藏方式 function hidefn function showfn function togglefn else 3 淡入淡出顯示和隱藏方式 fu...

jQuery內建動畫樣式 學習筆記

show hide 從左上角逐漸展開或收縮 直接以無引數形式呼叫show 和hide 會顯示和隱藏元素,只要傳遞乙個時間引數 或者 slow fast 這些字串 進去,就變成了動畫 div.hide 3000 在3秒內逐漸消失。div.show slow 在0.6秒內逐漸顯示toggle 根據當前狀...

jQuery內建動畫和多庫共存

淡入淡出 不斷改變元素的透明度來實現的 1.fadein 帶動畫的顯示 2.fadeout 帶動畫隱藏 3.fadetoggle 帶動畫切換顯示 隱藏 jquery動畫本質 在指定時間內不斷改變元素樣式值來實現的 1.animate 自定義動畫效果的動畫 2.stop 停止動畫 滑動動畫 1.sli...