`
zhangyaochun
  • 浏览: 2620397 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

jqm对:jqmData这个选择器的添加

阅读更多

 

  下面代码来自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中文时间控件

    jqm中文时间控件正是在这个基础上,为时间选择器加入了中文支持。 在使用这个控件时,开发者首先需要在HTML文件中引入jQuery、jQuery Mobile和控件所需的CSS及JavaScript文件。接着,通过在HTML元素上添加特定的...

    JQM1.4.5-DEMOS:JQM 移动演示 1.4.5

    5. **表单支持**:提供了对各种表单元素的增强,如日期选择器、滑块输入、多选框等,使得在移动设备上填写表单更加便捷。 6. **增强的数据链接**:通过`data-url`属性实现页面的无刷新加载,提供平滑的用户界面过渡...

    JQM实战源码

    2. **表单(Forms)**:jQuery Mobile 自动美化表单元素,如输入框、选择器和按钮,并支持触摸优化的滑块和开关组件。 3. **列表视图(Listview)**:`<ul data-role="listview">`可以创建具有分隔线、图标和可点击...

    empty_jqm_struct:用于开始 jquery 移动项目的空代码

    - **表单(Forms)**:支持各种表单元素,如输入框、选择器、开关等,并提供了触摸友好的交互。 **PhoneGap API 探索** 除了 jQuery Mobile 提供的功能,`empty_jqm_struct` 还可能利用 PhoneGap API 扩展应用功能...

    jQuery移动开发

    核心部分在于`jqmData()`选择器,这是一个定制的选择器,用于处理页面中的数据属性,从而动态地生成和修改页面元素,如按钮、列表等。这一机制使得jQuery Mobile能够轻松地识别和操作页面中的元素,同时保持代码的...

    jQuery移动开发文字版电子书

    #### 三、jQuery Mobile的底层机制:jqmData()自定义选择器 `jqmData()`是jQuery Mobile中用于操作自定义数据属性的一个函数。它可以帮助开发者访问或设置data-前缀的属性值,从而实现对组件状态的控制。例如,可以...

    jQuery移动开发(jQuery Mobile)

    **jqmData()** 是 jQuery Mobile 内部使用的一个自定义选择器,用于处理带有 data-* 属性的 HTML 元素。这个函数可以帮助开发者获取或设置特定 data-* 属性的值,从而更方便地与页面元素交互。 #### 五、应用程序...

    jqerymobile开发实战案例

    2. **表单处理**:jqm自动美化表单元素,包括输入框、选择器、滑块等,同时提供了一些增强功能,如自动验证和数据提交。 3. **可自定义的小部件**:jqm包含多种小部件,如工具栏、按钮、下拉菜单、对话框等,这些小...

    [jQuery移动开发].(jQuery.Mobile).Jon.Reid.文字版

    - **自定义选择器**:`jqmData()` 是一个自定义的选择器函数,用于查找具有特定数据属性的元素。这是 jQuery Mobile 实现某些功能的关键所在。 - **动画效果**:除了内置的过渡效果外,开发者还可以使用 jQuery 的...

    jquery库文件

    1. **选择器**: jQuery提供了丰富的CSS选择器,使得开发者可以轻松地选取DOM元素。例如,`$("#id")`用于选取ID为"id"的元素,`$(".class")`用于选取所有class为"class"的元素。 2. **DOM操作**: jQuery提供了一整套...

    jqueryMobile-ui

    - **增强型表单**: 自动对表单元素进行增强,如日期选择器、滑块、多选框等,提升移动设备上的交互性。 - **数据属性**: 通过 HTML5 数据属性(data-*)进行配置,使代码更简洁、更语义化。 **2. jQuery Mobile 的...

    jiaoben3254.rar

    4. **主题系统**:jQuery Mobile 提供了一套可自定义的主题系统,允许开发者通过简单的CSS类选择器改变UI样式,快速实现应用的视觉一致性。 5. **增强型表单**:框架对HTML5表单进行了增强,如自动添加输入字段的...

    jQuery移动开发(高清PDF版)

    - **`jqmData()`**:这是一个自定义的选择器,允许开发者根据HTML元素的数据属性(data-*)来进行选择和操作。这对于动态加载内容和组件非常有用。 #### 三、应用程序结构与导航 ##### 1. **页面管理** - **内部...

Global site tag (gtag.js) - Google Analytics