商城首页欢迎来到中国正版软件门户

您的位置:首页 >jQuery Mobile 过滤

jQuery Mobile 过滤

  发布于2026-08-11 阅读(0)

扫一扫,手机访问

可过滤元素

所有的元素如果有一个或更多的子元素均可过滤。

如何创建搜索字段:

  • 你想过滤的元素必须使用 data-filter="true" 属性。
  • 创建 元素并指定 id,元素上加上 data-type="search" 属性。这样就能创建基本的搜索字段。将 元素放置于一个表单中,表单
    元素使用 "ui-filterable" 类 - 该类会调整搜索字段与过滤元素的外边距。
  • 接着为过滤的元素添加 data-input 属性。该值需要是 元素的 id。

接下来我们创建一个可过滤的列表:

列表中搜索元素


  


	

提示: 如果想在搜索输入框里提前给用户一点引导,可以直接通过 placeholder 属性来设置提示文字:

实例


	

自定义过滤

通常情况下,插入到各个列表项里的文本,本身就会被当作过滤时匹配的内容来使用,比如 A 对应 "Adele",B 对应 "Billy"。不过,如果希望过滤时使用一段自定义文本,而不是直接取列表项中的显示内容,就需要在子元素里加上 data-filtertext 属性:

实例

	
  • Adele
  • 如果你在元素中使用了 data-filtertext 属性,元素的源文本内容在过滤时将被忽略, 这时你如果还要查找列表项"Adele",需要使用的关键字为:f, a, v 或 fa v。

    更多实例

    过滤折叠列表
    如何过滤折叠的列表。

    过滤表格
    如何过滤表格内容。

    过滤

    元素
    如何过滤
    元素中包含的子

    元素。

    本文转载于:https://www.runoob.com/jquerymobile/jquerymobile-filters.html 如有侵犯,请联系zhengruancom@outlook.com删除。
    免责声明:正软商城发布此文仅为传递信息,不代表正软商城认同其观点或证实其描述。
    • 10.7 WindowManager(窗口管理服务) 正版软件
      10.7 WindowManager(窗口管理服务)
      本节引言: 本节给大家带来的Android给我们提供的系统服务中的——WindowManager(窗口管理服务), 它是显示View的最底层,Toast,Activity,Dialog的底层都用到了这个WindowManager, 他是全局的!该类的核心无非:调用addView,removeView
      6小时前 21:35 0
    • 10.8 LayoutInflater(布局服务) 正版软件
      10.8 LayoutInflater(布局服务)
      本节引言: 本节接着来看 Android 系统服务里的 LayoutInflater(布局服务)。一提到“布局”,很多人脑子里第一反应通常都是:先写好一个布局 xml,再通过 Activity 的 setContentView() 把它加载进来,最后显示到屏幕上。这个理解没错,不过再往底层看一层,会
      6小时前 21:34 0
    • 10.9 WallpaperManager(壁纸管理器) 正版软件
      10.9 WallpaperManager(壁纸管理器)
      本节引言: 这一节要聊的是WallpaperManager,也就是常说的壁纸管理器。顾名思义,它对应的就是手机壁纸相关的一组API。接下来会把它的几个基础用法顺着讲清楚:怎么调用系统自带的壁纸选择功能,怎么把Activity的背景直接设成壁纸背景,以及再做一个定时切换壁纸的小例子。铺垫不多说,直接进
      6小时前 21:34 0
    • 10.10 传感器专题(1)——相关介绍 正版软件
      10.10 传感器专题(1)——相关介绍
      1.传感器相关介绍: 说到传感器,相信大家都不会陌生吧,比如微信的摇一摇就用到了加速度传感器; 传感器的定义:一种物理设备或者生物器官,能够探测、感受外界的信号,物理条件(如光,热, 适度)或化学组成(如烟雾),并将探知的信息传递给其他的设备或者器官! 传感器的种类:传感器其实有多种划分方式,可以从
      6小时前 21:34 0
    • 10.11 传感器专题(2)——方向传感器 正版软件
      10.11 传感器专题(2)——方向传感器
      本节引言: 在上一节中我们中我们对传感器的一些基本概念进行了学习,以及学习了使用传感器的套路, 本节给大家带来的传感器是方向传感器的用法,好的,开始本节内容~ 1.三维坐标系的概念: 在Android平台中,传感器框架通常是使用一个标准的三维坐标系来表示一个值的。以本节 要讲的方向传感器为例子,确定
      6小时前 21:34 0