jquery过滤,jquery过滤选择器头歌

jquery 对象数组的过滤

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

创新互联公司是一家专注于成都网站设计、做网站与策划设计,海西网站建设哪家好?创新互联公司做网站,专注于网站建设十年,网设计领域的专业建站公司;建站业务涵盖:海西等地区。海西做网站价格咨询: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

说明:

匹配所有索引值为偶数的元素，从

开始计数.js的数组都是从0开始计数的.

//例如要选择table中的行,因为是从0开始计数,所以table中的第一个tr就为偶数0.

//...1把索引值为偶数的行变成黄色

//var

$trs

=

$("#tbl

tr:even");

//$trs.css("backgroundColor",

"yellow");

//=============举例5========================

//:

odd

说明:

匹配所有索引值为奇数的元素,和:even对应,从

开始计数.

//var

$trs

=

$("#tbl

tr:odd");

//$trs.css("backgroundColor",

"yellow");

//=============举例6========================

//:eq(index)

说明:

匹配一个给定索引值的元素.eq(0)就是获取第一个tr元素.括号里面的是索引值,不是元素排列数.

//...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

获取下标范围内元素

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程序设计有所帮助。