例項與解釋
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...