- 1、本文档共16页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
JQuery筛选
1 eq(index|-index)
概述
获取第N个元素
参数
indexIntegerV1.1.2
一个整数,指示元素基于0的位置,这个元素的位置是从0算起。
-indexIntegerV1.4
一个整数,指示元素的位置,从集合中的最后一个元素开始倒数。(1算起)
示例
参数index描述:
获取匹配的第二个元素
HTML 代码:
p This is just a test./p p So is this/p
jQuery 代码:
$(p).eq(1)
结果:
[ p So is this/p ]
参数-index描述:
获取匹配的第二个元素
HTML 代码:
p This is just a test./p p So is this/p
jQuery 代码:
$(p).eq(-2)
结果:
[ p This is just a test./p ]
first()
V1.4概述
获取第一个元素
示例
描述:
获取匹配的第一个元素
HTML 代码:
ul
lilist item 1/li
lilist item 2/li
lilist item 3/li
lilist item 4/li
lilist item 5/li
/ul
jQuery 代码:
$(li).first()
结果:
[ lilist item 1/li ]
last()
V1.4概述
获取最后个元素
示例
描述:
获取匹配的最后个元素
HTML 代码:
ul
lilist item 1/li
lilist item 2/li
lilist item 3/li
lilist item 4/li
lilist item 5/li
/ul
jQuery 代码:
$(li).last()
结果:
[ lilist item 5/li ]
hasClass(class)
概述
检查当前的元素是否含有某个特定的类,如果有,则返回true。
这其实就是 is(. + class)。
参数
classStringV1.2
用于匹配的类名
示例
描述:
给包含有某个类的元素进行一个动画。
HTML 代码:
div class=protected/divdiv/div
jQuery 代码:
$(div).click(function(){
if ( $(this).hasClass(protected) )
$(this)
.animate({ left: -10 })
.animate({ left: 10 })
.animate({ left: -10 })
.animate({ left: 10 })
.animate({ left: 0 });
});
5 filter(expr|obj|ele|fn)
概述
筛选出与指定表达式匹配的元素集合。
这个方法用于缩小匹配的范围。用逗号分隔多个表达式
参数
exprStringV1.0
字符串值,包含供匹配当前元素集合的选择器表达式。
jQuery objectobjectV1.0
现有的jQuery对象,以匹配当前的元素。
element ExpressionV1.4
一个用于匹配元素的DOM元素。
function(index) FunctionV1.4
一个函数用来作为测试元素的集合。它接受一个参数index,这是元素在jQuery集合的索引。在函数, this指的是当前的DOM元素。
示例
参数selector描述:
保留带有select类的元素
HTML 代码:
pHello/ppHello Again/pp class=selectedAnd Again/p
jQuery 代码:
$(p).filter(.selected)
结果:
[ p class=selectedAnd Again/p ]
参数selector描述:
保留第一个以及带有select类的元素
HTML 代码:
pHello/ppHello Again/pp class=selectedAnd Again/p
jQuery 代码:
$(p).filter(.selected, :first)
结果:
[ pHello/p, p class=selectedAnd Again/p ]
回调函数 描述:
保留子元素中不含有ol的元素。
HTML 代码:
polliHello/li/ol/ppHow are you?/p
jQuery 代码:
$(p).filter(function(index) {
return $(ol, this).length == 0;
});
结果:
[ pHow
文档评论(0)