jquery 對象數(shù)組的過濾

var a = $.grep(temp,function(n,i){

創(chuàng)新互聯(lián)公司是一家專注于成都網(wǎng)站設計、做網(wǎng)站與策劃設計,海西網(wǎng)站建設哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設十年,網(wǎng)設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:海西等地區(qū)。海西做網(wǎng)站價格咨詢:18980820575

return parseInt(n.value)1 parseInt(n.value)4

});

jQuery可見性過濾器：hidden和：visibility用法實例

本文實例講述了jQuery可見性過濾器：hidden和：visibility用法。分享給大家供大家參考。具體分析如下：

:hidden

匹配所有不可見元素，如果使用css的visibility屬性讓元素不顯示但是占位，則不屬于hidden了

查找display:none的tr元素，$("tr:hidden")

:visible

匹配所有可見元素

查找所有display不為none的元素，$("tr:visible")

例子：

tr

id="one"style="display:none;"td1/tdtd2/td/tr

tr

id="two"style="visibility:hidden;"td3/tdtd4/td/tr

tr

id="three"td5/tdtd6/td/tr

$("tr:hidden");//選中id為one的元素

$("tr:visible");//選中id為"two"和"three"的元素

其實，這里兩個過濾器并不在乎元素到底是不是隱藏不可見的，我覺得只要是display:none則用：hidden可以將其獲取，如果沒有display:none，不管是什么都可以獲取。

希望本文所述對大家的jQuery程序設計有所幫助。

JQuery中基礎過濾選擇器用法實例分析

本文實例講述了JQuery中基礎過濾選擇器用法。分享給大家供大家參考。具體如下：

!DOCTYPE

html

PUBLIC

"-//W3C//DTD

XHTML

1.0

Transitional//EN"

""

html

xmlns=""

head

meta

http-equiv="Content-Type"

content="text/html;

charset=utf-8"

/

title基礎過濾選擇器/title

style

type="text/css"

#main{

width:600px;

border:1px

solid

green;

margin:auto;

padding:10px;

}

#tbl{

border-collapse:collapse;

border-top:1px

solid

red;

border-left:1px

solid

red;

margin:auto;

}

#tbl

td{

width:60px;

height:60px;

border-collapse:collapse;

border-bottom:1px

solid

red;

border-right:1px

solid

red;

}

/style

script

src="jquery-1.6.2.min.js"

type="text/javascript"/script

script

type="text/javascript"

$(function

()

{

//=============舉例1========================

//:first

說明:

匹配找到的第一個元素

//....1修改第一個單元格的背景色

//var

$tds

=

$("#tbl

td:first");

//$tds.css("backgroundColor",

"blue");

//....2修改第一行的背景色

//var

$trs

=

$("#tbl

tr:first");

//$trs.css("backgroundColor",

"blue");

//=============舉例2========================

//:last

說明:

匹配找到的最后一個元素.與

:first

相對應.

//...1修改隨后一個單元格的背景色

//var

$tds

=

$("#tbl

td:last");

//$tds.css("backgroundColor",

"blue");

//=============舉例3========================

//:not(selector)

去除所有與給定選擇器匹配的元素.有點類似于”非”

//...1把所有class不為tdClass的列的文本進行修改

//var

$tds

=

$("#tbl

td:not(.tdClass)");

//$tds.text("Not

tdClass");

//=============舉例4========================

//:even

說明:

匹配所有索引值為偶數(shù)的元素，從

開始計數(shù).js的數(shù)組都是從0開始計數(shù)的.

//例如要選擇table中的行,因為是從0開始計數(shù),所以table中的第一個tr就為偶數(shù)0.

//...1把索引值為偶數(shù)的行變成黃色

//var

$trs

=

$("#tbl

tr:even");

//$trs.css("backgroundColor",

"yellow");

//=============舉例5========================

//:

odd

說明:

匹配所有索引值為奇數(shù)的元素,和:even對應,從

開始計數(shù).

//var

$trs

=

$("#tbl

tr:odd");

//$trs.css("backgroundColor",

"yellow");

//=============舉例6========================

//:eq(index)

說明:

匹配一個給定索引值的元素.eq(0)就是獲取第一個tr元素.括號里面的是索引值,不是元素排列數(shù).

//...1設置第二個單元格的背景色

//var

$tds

=

$("#tbl

td:eq(1)");

//$tds.css("backgroundColor",

"gray");

//=============舉例6========================

//:gt(index)

說明:

匹配所有大于給定索引值的元素.

//...1把下標索引大于1的所有單元格背景色設置為灰色

//var

$tds

=

$("#tbl

td:gt(1)");

//$tds.css("backgroundColor",

"gray");

//=============舉例7========================

//:lt(index)

說明:

匹配所有小于給定索引值的元素.

//...1把下標索引小于3的所有單元格背景色設置為灰色

var

$tds

=

$("#tbl

td:lt(3)");

$tds.css("backgroundColor",

"gray");

//=============舉例8========================

//:header(固定寫法)

說明:

匹配如

h1,

h2,

h3之類的標題元素.這個是專門用來獲取h1,h2這樣的標題元素.

//...1把所有的h標簽背景色進行修改

var

$hs

=

$(":header");

$hs.css("backgroundColor",

"gold");

//=============舉例8========================

//slice

獲取下標范圍內(nèi)元素

var

$trs

=

$("#tbl

tr").slice(1,

3);

$trs.css("backgroundColor",

"gold");

});

/script

/head

body

div

id="main"

h1我是h1/h1

h2我是h2/h2

h3我是h3/h3

table

id="tbl"

tr

td1/tdtd1/tdtd1/td

/tr

tr

td

class="tdClass"2/tdtd2/tdtd2/td

/tr

tr

td3/tdtd3/tdtd3/td

/tr

tr

td4/tdtd4/tdtd

class="tdClass"4/td

/tr

tr

td5/tdtd5/tdtd5/td

/tr

tr

td6/tdtd6/tdtd

class="tdClass"6/td

/tr

/table

/div

/body

/html

希望本文所述對大家的jQuery程序設計有所幫助。

名稱欄目：jquery過濾,jquery過濾選擇器頭歌
標題來源：http://aaarwkj.com/article8/dsspiip.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供建站公司、網(wǎng)站改版、企業(yè)建站、面包屑導航、手機網(wǎng)站建設、全網(wǎng)營銷推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)