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

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

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

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

});

jQuery可見性過濾器：hidden和：visibility用法實(shí)例

本文實(shí)例講述了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"的元素

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

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

JQuery中基礎(chǔ)過濾選擇器用法實(shí)例分析

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

!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基礎(chǔ)過濾選擇器/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

說明:

匹配找到的第一個(gè)元素

//....1修改第一個(gè)單元格的背景色

//var

$tds

=

$("#tbl

td:first");

//$tds.css("backgroundColor",

"blue");

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

//var

$trs

=

$("#tbl

tr:first");

//$trs.css("backgroundColor",

"blue");

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

//:last

說明:

匹配找到的最后一個(gè)元素.與

:first

相對(duì)應(yīng).

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

//var

$tds

=

$("#tbl

td:last");

//$tds.css("backgroundColor",

"blue");

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

//:not(selector)

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

//...1把所有class不為tdClass的列的文本進(jìn)行修改

//var

$tds

=

$("#tbl

td:not(.tdClass)");

//$tds.text("Not

tdClass");

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

//:even

說明:

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

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

//例如要選擇table中的行,因?yàn)槭菑?開始計(jì)數(shù),所以table中的第一個(gè)tr就為偶數(shù)0.

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

//var

$trs

=

$("#tbl

tr:even");

//$trs.css("backgroundColor",

"yellow");

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

//:

odd

說明:

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

開始計(jì)數(shù).

//var

$trs

=

$("#tbl

tr:odd");

//$trs.css("backgroundColor",

"yellow");

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

//:eq(index)

說明:

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

//...1設(shè)置第二個(gè)單元格的背景色

//var

$tds

=

$("#tbl

td:eq(1)");

//$tds.css("backgroundColor",

"gray");

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

//:gt(index)

說明:

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

//...1把下標(biāo)索引大于1的所有單元格背景色設(shè)置為灰色

//var

$tds

=

$("#tbl

td:gt(1)");

//$tds.css("backgroundColor",

"gray");

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

//:lt(index)

說明:

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

//...1把下標(biāo)索引小于3的所有單元格背景色設(shè)置為灰色

var

$tds

=

$("#tbl

td:lt(3)");

$tds.css("backgroundColor",

"gray");

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

//:header(固定寫法)

說明:

匹配如

h1,

h2,

h3之類的標(biāo)題元素.這個(gè)是專門用來獲取h1,h2這樣的標(biāo)題元素.

//...1把所有的h標(biāo)簽背景色進(jìn)行修改

var

$hs

=

$(":header");

$hs.css("backgroundColor",

"gold");

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

//slice

獲取下標(biāo)范圍內(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

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

名稱欄目：jquery過濾,jquery過濾選擇器頭歌
標(biāo)題來源：http://sd-ha.com/article8/dsspiip.html

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

廣告

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