当前位置:  编程技术>WEB前端

jquery中的过滤操作详细解析

    来源: 互联网  发布时间:2014-08-25

    本文导语:  1.过滤 Filtering 名称 说明 举例 eq( index ) 获取第N个元素 获取匹配的第二个元素: $("p").eq(1) filter( expr ) 筛选出与指定表达式匹配的元素集合。 保留带有select类的元素: $("p").filter(".selected") filter( fn ) 筛选出与指定函数返回值...

1.过滤 Filtering

名称 说明 举例 eq( index ) 获取第N个元素 获取匹配的第二个元素:
$("p").eq(1) filter( expr )

筛选出与指定表达式匹配的元素集合。

保留带有select类的元素:
$("p").filter(".selected") filter( fn )

筛选出与指定函数返回值匹配的元素集合

这个函数内部将对每个对象计算一次 (正如 '$.each'). 如果调用的函数返回false则这个元素被删除,否则就会保留。

保留子元素中不含有ol的元素:

$("div").filter(function(index) {
  return $("ol", this).size() == 0;
});

is( expr )

注意: 这个函数返回的不是jQuery包装集而是Boolean值

用一个表达式来检查当前选择的元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true。

如果没有元素符合,或者表达式无效,都返回'false'. 'filter' 内部实际也是在调用这个函数,所以,filter()函数原有的规则在这里也适用。

由于input元素的父元素是一个表单元素,所以返回true:
$("input[type='checkbox']").parent().is("form") map( callback )

将一组元素转换成其他数组(不论是否是元素数组)

你可以用这个函数来建立一个列表,不论是值、属性还是CSS样式,或者其他特别形式。这都可以用'$.map()'来方便的建立

把form中的每个input元素的值建立一个列表:

$("p").append( $("input").map(function(){
  return $(this).val();
}).get().join(", ") );

not( expr ) 删除与指定表达式匹配的元素 从p元素中删除带有 select 的ID的元素:
$("p").not( $("#selected")[0] )

slice( start, end )

选取一个匹配的子集 选择第一个p元素:
$("p").slice(0, 1);

    
 
 

您可能感兴趣的文章:

  • jQuery表格过滤插件 uiTableFilter
  • jquery代码-如何使用多个属性来进行过滤
  • jquery代码-如何创建嵌套的过滤器
  • Jquery 过滤器(first,last,not,even,odd)用法举例
  • jquery数组过滤筛选方法grep()简介
  • jQuery过滤选择器:not()方法使用介绍
  • Jquery 过滤器(first,last,not,even,odd)的使用
  • jquery通过select列表选择框对表格数据进行过滤示例
  • jquery选择器之内容过滤选择器详解
  • jQuery 过滤方法filter()选择具有特殊属性的元素
  • jquery选择器之属性过滤选择器
  • jquery选择器之层级过滤选择器详解
  • jquery选择器之属性过滤选择器详解
  • jquery选择器之基本过滤选择器详解
  • JQuery 基础过滤选择器的例子
  • jquery代码-如何使用jQuery来解析xml
  • jQuery的RSS解析器 jFeed
  • jQuery 解析和显示 RSS 订阅插件 FeedEk
  • jquery 删除字符串最后一个字符的方法解析
  • jquery解析xml字符串简单示例
  • 解析:为jquery的ajax传递url的方法与注意事项
  • 解析prototype,JQuery中跳出each循环的方法
  • jquery链式操作、链式写法的小例子 iis7站长之家
  • jquery解析多维Json格式数据的例子
  • jquery .attr()与.prop()用法解析
  • jquery toggle()函数实例解析
  • jquery解析XML字符串和XML文件的方法说明
  • jQuery中delegate和on的用法与区别详细解析
  • jquery JSON的解析方式示例介绍
  • jquery遍历筛选数组与遍历解析json对象
  • 解析jquery中的ajax缓存问题
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jquery下拉select控件操作方法分享(jquery操作select)
  • Cookie操作插件 jQuery.Cookie
  • jquery链式操作、链式写法的小例子
  • 利用js(jquery)操作Cookie的方法说明
  • jQuery操作select option选项(增加 删除 修改)
  • jquery常用操作小结
  • JQuery操作DOM的笔记
  • jquery链式操作的正确使用方法
  • jQuery操作select下拉框的text值和value值的方法
  • JQuery 文本框操作的4个小例子
  • jquery加载完iframe的内容后才进行下一步操作的实现方法
  • jquery操作单选框radio的例子
  • 使用jquery实现IE下按backspace相当于返回操作
  • jquery cookie插件用法 jquery操作cookie的例子
  • 解决jquery操作checkbox火狐下第二次无法勾选问题
  • jquery操作checkbox示例分享
  • Jquery操作radio的小例子
  • jquery操作checkbox实现全选和取消全选
  • Jquery操作html标签及动态添加验证的例子
  • Jquery操作radio的简单实例
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery圆角插件 jQuery Corners
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3