juqery 學(xué)習(xí)之四 篩選過(guò)濾
eq(index)
返回值
jQuery
參數(shù)
index (Integer) :元素在jQuery對(duì)象中的索引
示例
獲取匹配的第二個(gè)元素
HTML 代碼:
jQuery 代碼:
結(jié)果:
--------------------------------------------------------------------------------------------------------------
hasClass(class)
返回值
Boolean
參數(shù)
class (String) : 用于匹配的類(lèi)名
示例
給包含有某個(gè)類(lèi)的元素進(jìn)行一個(gè)動(dòng)畫(huà)。
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) : 表達(dá)式
示例
保留帶有select類(lèi)的元素
HTML 代碼:
jQuery 代碼:
結(jié)果:
保留第一個(gè)以及帶有select類(lèi)的元素
HTML 代碼:
jQuery 代碼:
結(jié)果:
--------------------------------------------------------------------------------------------------------------
filter(fn)
返回值
jQuery
參數(shù)
fn (Function) : 傳遞進(jìn)filter的函數(shù)
示例
保留子元素中不含有ol的元素。
HTML 代碼:
jQuery 代碼:
return $("ol", this).length == 0;
});
結(jié)果:
--------------------------------------------------------------------------------------------------------------
is(expr)
返回值
Boolean
參數(shù)
expr (String) :用于篩選的表達(dá)式
示例
由于input元素的父元素是一個(gè)表單元素,所以返回true。
HTML 代碼:
jQuery 代碼:
結(jié)果:
--------------------------------------------------------------------------------------------------------------
map(callback)
返回值
jQuery
參數(shù)
callback (Function) : 給每個(gè)元素執(zhí)行的函數(shù)
示例
把form中的每個(gè)input元素的值建立一個(gè)列表。
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>) : 一個(gè)表達(dá)式、一個(gè)元素或者一組元素
示例
從p元素中刪除帶有 select 的ID的元素
HTML 代碼:
jQuery 代碼:
結(jié)果:
slice(start,[end])
返回值
jQuery
參數(shù)
start (Integer) :開(kāi)始選取子集的位置。第一個(gè)元素是0.如果是負(fù)數(shù),則可以從集合的尾部開(kāi)始選起。
end (Integer) : (可選) 結(jié)束選取自己的位置,如果不指定,則就是本身的結(jié)尾。
示例
選擇第一個(gè)p元素
HTML 代碼:
jQuery 代碼:
結(jié)果:
選擇前兩個(gè)p元素
HTML 代碼:
jQuery 代碼:
結(jié)果:
只選取第二個(gè)p元素
HTML 代碼:
jQuery 代碼:
結(jié)果:
只選取第二第三個(gè)p元素
HTML 代碼:
jQuery 代碼:
結(jié)果:
Selects all paragraphs, then slices the selection to include only the third element.
HTML 代碼:
jQuery 代碼:
結(jié)果:
相關(guān)文章
jQuery asp.net 用json格式返回自定義對(duì)象
客戶(hù)端用一個(gè)html頁(yè)面調(diào)用一個(gè)ashx文件(一般http處理程序),返回 json格式的自定義對(duì)象2010-04-04jQuery中的bind綁定事件與文本框改變事件的臨時(shí)解決方法
暫時(shí)沒(méi)有想到什么好的解決辦法,我現(xiàn)在加了個(gè)瀏覽器判斷非ie的話(huà)就注冊(cè)blur事件,這樣有個(gè)問(wèn)題就是blur實(shí)在別的控件活動(dòng)焦點(diǎn)的時(shí)候,txtStation控件注冊(cè)的方法是為了填充它緊挨著的一個(gè)下拉列表2010-08-08可兼容IE的獲取及設(shè)置cookie的jquery.cookie函數(shù)方法
在使用IE來(lái)測(cè)試的時(shí)候,發(fā)現(xiàn)Discuz中的common.js里面的getcookie和setcookie這兩個(gè)方法子啊IE下不起作用,因此有了jquery.cookie.js的由來(lái),感興趣的朋友可以參考下2013-09-09jquery-syntax動(dòng)態(tài)語(yǔ)法著色示例代碼
語(yǔ)法著色大家對(duì)它都不陌生吧,下面為大家介紹的是jquery-syntax動(dòng)態(tài)語(yǔ)法著色的具體實(shí)現(xiàn),需要的朋友可以參考下2014-05-05使用jquery組件qrcode生成二維碼及應(yīng)用指南
這篇文章主要介紹了使用jquery組件qrcode生成二維碼及應(yīng)用指南,非常全面實(shí)用,需要的朋友可以參考下2015-02-02