過濾,繫結及動畫

2022-11-24 18:41:57 字數 1356 閱讀 2136

一、基本過濾器

語法描述

返回值:first

選取第一個元素

單個元素

:last

選取最後一個元素

單個元素

:not(selector)

選取去除所有與給定選擇器匹配的元素

集合元素

:even

選取索引是偶數的所有元素(index 從0開始)

集合元素

:odd

選取索引是奇數的所有元素(index 從0開始)

單個元素

:eq(index)

選取索引等於index的元素

集合元素

:gt選取索引大於index的元素

集合元素

:lt選取索引小於index的元素

集合元素

:header

選取所有標題元素,如h1~h6

集合元素

:focus

選取當前獲取焦點的元素

集合元素 

二、可見性過濾選擇器

選擇器描述

返回值:visible

選取所有可見的元素

集合元素

:hidden

選取所有隱藏的元素

集合元素

三、繫結事件與移除事件

為匹配的元素一次性繫結或移除一個或多個事件時,可以使用繫結事件方法bind()和移除事件方法unbind()

eg:實現光棒效果 

//繫結事件 bind  unbind

$(function () ).bind("mouseout", function () );

//移除事件

$("li").unbind("mouseover mouseout");

})

補充:也可使用on off、live   die、delegate  undelegate方案實現繫結  移除事件

四、jquery中的動畫

1、簡單動畫

① 控制元素顯示與隱藏

show()、hide()

②改變元素透明度

fadein()、fadeout()

③改變元素高度

slideup()和slidedown()

eg:實現淡入淡出效果

2、複雜動畫

我是div