重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

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过滤数组元素
网站地址:http://cqcxhl.cn/article/dsidpid.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP