jquery过滤,jquery过滤数组元素
jquery 对象数组的过滤
var a = $.grep(temp,function(n,i){
创新互联长期为近1000家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为长清企业提供专业的成都网站设计、成都网站制作,长清网站改版等技术服务。拥有10余年丰富建站经验和众多成功案例,为您定制开发。
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中关于过滤.filter( selector )的一个疑惑?
$('strong',this) 这是选择当前li标签里的strong标签(如果是$('strong')则是在整个网页选择strong标签,添加第二个参数则是缩小选择的范围);
return $('strong',this).length==1; 的意思就是说如果当前li标签里的strong标签的数量是1个就返回true,这样的话filter方法返回的就是里面只包含一个strong标签的li标签,而不包含strong标签或者包含多以1个strong标签的li标签就被自动过滤了。
index是当前li标签的索引号,比如第一个li,index的值是0,第二个li,index的值则是1,依此类推。但在此例子中,index并没有被使用到,所以是可以省略的。
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程序设计有所帮助。
JQuery 多条件过滤
现在有filterName,我想增加个filterName1条件但是($(this).val())这块我还不了解,它是jquery-1.4.2.min.js里面的变量么?
this 是当前对象,$(this)返回当前对象的jquery对象, $(this).val() 就是获取当前对象的值
网站栏目:jquery过滤,jquery过滤数组元素
本文URL:http://myzitong.com/article/dsidpid.html