jQuery滑動效果例項

2022-01-31 07:10:44 字數 1583 閱讀 1876

parents([expr])取得乙個包含著所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通過乙個可選的表示式進行篩選。獲取的是集合。

html **:

hello

hello again

jquery **:
$("span").parents("p")

找到每個span的所有是p元素的祖先元素。

find(expr)

搜尋所有與指定表示式匹配的元素。這個函式是找出正在處理的元素的後代元素的好方法。

html **:

hello, how are you?i'm fine!

jquery **:
$("p").find("span")

結果:

[ hello ,i'm fine!]

siblings(expr)

取得乙個包含匹配的元素集合中每乙個元素的所有唯一同輩元素的元素集合。可以用可選的表示式進行篩選。

html **:
hello

hello again

and again

jquery **:
$("div").siblings()

結果:
[ hello

例項效果就是點選按鈕,實現的切換效果。左右移動。

html**如下:

class="

v_show

">

class="

v_caption

">class="

highlight_tip

">

class="

current

">123

4

class="

change_btn

">

class="

prev

class="

next

"#">更多》

class="

v_content

">

class="

v_content_list

">

jquery**部分:

jQuery效果 滑動

jquery 效果 滑動 jquery 滑動方法可使元素上下滑動。jquery 滑動方法 通過 jquery,您可以在元素上建立滑動效果。jquery 擁有以下滑動方法 slidedown slideup slidetoggle jquery slidedown 方法用於向下滑動元素。語法 sele...

jQuery 效果 滑動

jquery 滑動方法可使元素上下滑動。jquery slidedown 演示 jquery slidedown 方法。jquery slideup 演示 jquery slideup 方法。jquery slidetoggle 演示 jquery slidetoggle 方法。通過 jquery,...

jQuery 效果 滑動

jquery 滑動方法可使元素上下滑動。jquery slidedown 演示 jquery slidedown 方法。jquery slideup 演示 jquery slideup 方法。jquery slidetoggle 演示 jquery slidetoggle 方法。通過 jquery,...