分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

jQuery-筛选

发布时间:2023-09-06 01:15责任编辑:傅花花关键词:jQuery

筛选是对选择器的结果进行筛选

参考http://jquery.cuishifeng.cn/index.html

筛选分为过滤和查找

一:筛选

使用说明例子

eq(index|-index)

 获取当前链式操作中第N个jQuery对象,返回jQuery对象,

当参数大于等于0时为正向选取,比如0代表第一个,1代表第二个。

当参数为负数时为反向选取,比如-1为倒数第一个

$("p").eq(1)
 
$("p").eq(-2)

first()

 获取第一个元素 
$(‘li‘).first()

last()

 获取最后个元素 
$(‘li‘).last()

hasClass(class)

 检查当前的元素是否含有某个特定的类,

如果有,则返回true

 
$("div").click(function(){ ?if ( $(this).hasClass("protected") ) ???$(this) ?????.animate({ left: -10 }) ?????.animate({ left: 10 }) ?????.animate({ left: -10 }) ?????.animate({ left: 10 }) ?????.animate({ left: 0 });});

filter(expr|obj|ele|fn)

 筛选出与指定表达式匹配的元素集合 
$("p").filter(".selected")

is(expr|obj|ele|fn)

 根据选择器、DOM元素或 jQuery 对象来检测匹配元素集合,

如果其中至少有一个元素符合这个给定的表达式就返回true

 
$("input[type=‘checkbox‘]").parent().is("form")
 

has(expr|ele)

 保留包含特定后代的元素,

去掉那些不含有指定后代的元素

 
$(‘li‘).has(‘ul‘)
 

not(expr|ele|fn)

 从匹配元素的集合中删除与指定表达式匹配的元素 
$("p").not( $("#selected")[0] )

slice(start,[end])

选取一个匹配的子集
$("p").slice(0, 2)

二:查找

使用说明例子
  • children([expr])
 所有子元素的元素集合 
$("div").children()
  • find(e|o|e)
 搜索所有与指定表达式匹配的元素 
$("p").find("span")
  • next([expr])

每一个元素紧邻的后面同辈元素的元素集合

 回后面那个紧邻的同辈元素

 
$("p").next(".selected")
  • nextAll([expr])
 查找当前元素之后所有的同辈元素 
$("div:first").nextAll()
  • nextUntil([e|e][,f])

 查找当前元素之后所有的同辈元素,

直到遇到匹配的那个元素为止。

 
$(‘#term-2‘).nextUntil(‘dt‘)
  • parent([expr])
 取得一个包含着所有匹配元素的唯一父元素的元素集合 
$("p").parent(".selected")
  • parents([expr])

 取得一个包含着所有匹配元素的祖先

元素的元素集合(不包含根元素)

 
$("span").parents()
  • parentsUntil([e|e][,f])

 查找当前元素的所有的父辈元素,

直到遇到匹配的那个元素为止

 
$(‘li.item-a‘).parentsUntil(‘.level-1‘)
  • prev([expr])

 取得一个包含匹配的元素集合中

每一个元素紧邻的前一个同辈元素的元素集合

 
$("p").prev(".selected")
  • prevall([expr])
 查找当前元素之前所有的同辈元素 
$("div:last").prevAll()

  • prevUntil([e|e][,f])

 查找当前元素之前所有的同辈元素,

直到遇到匹配的那个元素为止

 
$(‘#term-2‘).prevUntil(‘dt‘)
  • siblings([expr])

取得一个包含匹配的元素集合中

每一个元素的所有唯一同辈元素的元素集合

$("div").siblings(".selected")

  

jQuery-筛选

原文地址:http://www.cnblogs.com/lixiang1013/p/7629097.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved