下面代码来自jqm 1.1.0版本:
var oldFind = $.find, jqmDataRE = /:jqmData\(([^)]*)\)/g; $.find = function(selector,context,ret,extra){ //针对jqm框架设计,转换一下 selector = selector.replace(jqmDataRE,"[data-"+ ($.mobile.ns || "") + "$1]"); return oldFind.call(this,selector,context,ret,extra); }; $.extend($.find,oldFind); $.find.matches = function(expr,set){ return $.find(expr,null,null,set); }; $.find.matchesSelector = function(node,expr){ return $.find(expr,null,null,[node]).length > 0; };
相关推荐
jqm中文时间控件正是在这个基础上,为时间选择器加入了中文支持。 在使用这个控件时,开发者首先需要在HTML文件中引入jQuery、jQuery Mobile和控件所需的CSS及JavaScript文件。接着,通过在HTML元素上添加特定的...
5. **表单支持**:提供了对各种表单元素的增强,如日期选择器、滑块输入、多选框等,使得在移动设备上填写表单更加便捷。 6. **增强的数据链接**:通过`data-url`属性实现页面的无刷新加载,提供平滑的用户界面过渡...
2. **表单(Forms)**:jQuery Mobile 自动美化表单元素,如输入框、选择器和按钮,并支持触摸优化的滑块和开关组件。 3. **列表视图(Listview)**:`<ul data-role="listview">`可以创建具有分隔线、图标和可点击...
- **表单(Forms)**:支持各种表单元素,如输入框、选择器、开关等,并提供了触摸友好的交互。 **PhoneGap API 探索** 除了 jQuery Mobile 提供的功能,`empty_jqm_struct` 还可能利用 PhoneGap API 扩展应用功能...
核心部分在于`jqmData()`选择器,这是一个定制的选择器,用于处理页面中的数据属性,从而动态地生成和修改页面元素,如按钮、列表等。这一机制使得jQuery Mobile能够轻松地识别和操作页面中的元素,同时保持代码的...
#### 三、jQuery Mobile的底层机制:jqmData()自定义选择器 `jqmData()`是jQuery Mobile中用于操作自定义数据属性的一个函数。它可以帮助开发者访问或设置data-前缀的属性值,从而实现对组件状态的控制。例如,可以...
**jqmData()** 是 jQuery Mobile 内部使用的一个自定义选择器,用于处理带有 data-* 属性的 HTML 元素。这个函数可以帮助开发者获取或设置特定 data-* 属性的值,从而更方便地与页面元素交互。 #### 五、应用程序...
2. **表单处理**:jqm自动美化表单元素,包括输入框、选择器、滑块等,同时提供了一些增强功能,如自动验证和数据提交。 3. **可自定义的小部件**:jqm包含多种小部件,如工具栏、按钮、下拉菜单、对话框等,这些小...
- **自定义选择器**:`jqmData()` 是一个自定义的选择器函数,用于查找具有特定数据属性的元素。这是 jQuery Mobile 实现某些功能的关键所在。 - **动画效果**:除了内置的过渡效果外,开发者还可以使用 jQuery 的...
1. **选择器**: jQuery提供了丰富的CSS选择器,使得开发者可以轻松地选取DOM元素。例如,`$("#id")`用于选取ID为"id"的元素,`$(".class")`用于选取所有class为"class"的元素。 2. **DOM操作**: jQuery提供了一整套...
- **增强型表单**: 自动对表单元素进行增强,如日期选择器、滑块、多选框等,提升移动设备上的交互性。 - **数据属性**: 通过 HTML5 数据属性(data-*)进行配置,使代码更简洁、更语义化。 **2. jQuery Mobile 的...
4. **主题系统**:jQuery Mobile 提供了一套可自定义的主题系统,允许开发者通过简单的CSS类选择器改变UI样式,快速实现应用的视觉一致性。 5. **增强型表单**:框架对HTML5表单进行了增强,如自动添加输入字段的...
- **`jqmData()`**:这是一个自定义的选择器,允许开发者根据HTML元素的数据属性(data-*)来进行选择和操作。这对于动态加载内容和组件非常有用。 #### 三、应用程序结构与导航 ##### 1. **页面管理** - **内部...