var a = $.grep(temp,function(n,i){
创新互联公司是一家专注于成都网站设计、做网站与策划设计,海西网站建设哪家好?创新互联公司做网站,专注于网站建设十年,网设计领域的专业建站公司;建站业务涵盖:海西等地区。海西做网站价格咨询:18980820575
return parseInt(n.value)1 parseInt(n.value)4
});
本文实例讲述了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中基础过滤选择器用法。分享给大家供大家参考。具体如下：
!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程序设计有所帮助。
