juqery 學習之四 篩選過濾
eq(index)
返回值
jQuery
參數(shù)
index (Integer) :元素在jQuery對象中的索引
示例
獲取匹配的第二個元素
HTML 代碼:
jQuery 代碼:
結(jié)果:
--------------------------------------------------------------------------------------------------------------
hasClass(class)
返回值
Boolean
參數(shù)
class (String) : 用于匹配的類名
示例
給包含有某個類的元素進行一個動畫。
HTML 代碼:
jQuery 代碼:
if ( $(this).hasClass("protected") )
$(this)
.animate({ left: -10 })
.animate({ left: 10 })
.animate({ left: -10 })
.animate({ left: 10 })
.animate({ left: 0 });
});
--------------------------------------------------------------------------------------------------------------
filter(expr)
返回值
jQuery
參數(shù)
expr (Expression) : 表達式
示例
保留帶有select類的元素
HTML 代碼:
jQuery 代碼:
結(jié)果:
保留第一個以及帶有select類的元素
HTML 代碼:
jQuery 代碼:
結(jié)果:
--------------------------------------------------------------------------------------------------------------
filter(fn)
返回值
jQuery
參數(shù)
fn (Function) : 傳遞進filter的函數(shù)
示例
保留子元素中不含有ol的元素。
HTML 代碼:
jQuery 代碼:
return $("ol", this).length == 0;
});
結(jié)果:
--------------------------------------------------------------------------------------------------------------
is(expr)
返回值
Boolean
參數(shù)
expr (String) :用于篩選的表達式
示例
由于input元素的父元素是一個表單元素,所以返回true。
HTML 代碼:
jQuery 代碼:
結(jié)果:
--------------------------------------------------------------------------------------------------------------
map(callback)
返回值
jQuery
參數(shù)
callback (Function) : 給每個元素執(zhí)行的函數(shù)
示例
把form中的每個input元素的值建立一個列表。
HTML 代碼:
<form>
<input type="text" name="name" value="John"/>
<input type="text" name="password" value="password"/>
<input type="text" name="url" value="http://ejohn.org/"/>
</form>
jQuery 代碼:
return $(this).val();
}).get().join(", ") );
結(jié)果:
--------------------------------------------------------------------------------------------------------------
not(expr)
返回值
jQuery
參數(shù)
expr (String, DOMElement, Array<DOMElement>) : 一個表達式、一個元素或者一組元素
示例
從p元素中刪除帶有 select 的ID的元素
HTML 代碼:
jQuery 代碼:
結(jié)果:
slice(start,[end])
返回值
jQuery
參數(shù)
start (Integer) :開始選取子集的位置。第一個元素是0.如果是負數(shù),則可以從集合的尾部開始選起。
end (Integer) : (可選) 結(jié)束選取自己的位置,如果不指定,則就是本身的結(jié)尾。
示例
選擇第一個p元素
HTML 代碼:
jQuery 代碼:
結(jié)果:
選擇前兩個p元素
HTML 代碼:
jQuery 代碼:
結(jié)果:
只選取第二個p元素
HTML 代碼:
jQuery 代碼:
結(jié)果:
只選取第二第三個p元素
HTML 代碼:
jQuery 代碼:
結(jié)果:
Selects all paragraphs, then slices the selection to include only the third element.
HTML 代碼:
jQuery 代碼:
結(jié)果:
相關(guān)文章
jQuery中的bind綁定事件與文本框改變事件的臨時解決方法
暫時沒有想到什么好的解決辦法,我現(xiàn)在加了個瀏覽器判斷非ie的話就注冊blur事件,這樣有個問題就是blur實在別的控件活動焦點的時候,txtStation控件注冊的方法是為了填充它緊挨著的一個下拉列表2010-08-08可兼容IE的獲取及設(shè)置cookie的jquery.cookie函數(shù)方法
在使用IE來測試的時候,發(fā)現(xiàn)Discuz中的common.js里面的getcookie和setcookie這兩個方法子啊IE下不起作用,因此有了jquery.cookie.js的由來,感興趣的朋友可以參考下2013-09-09