jQuery Mobile 简介 – 提高






之前在JQuery Mobile 简介 – 入门 中,我们讲解了jQuery mobile的基本页面和架构,现在我们来说说,jQuery mobile 提供的附件和特效,并且列出官方网页的各种帮助文件,方便大家继续学习。

在继续之前,请先打开这个网页 这个是最新jQuery mobile 版本(1.3.2)的说明演示网页。基本上,根据字体大小,你可以看出,jQuery mobile提供的功能大概可以分为以下4个部分:

  • Pages & Dialogs(一般页面与弹出窗口)
  • AJAX Navigation & Transitions(AJAX超连接和页面的转换)
  • Content & Widgets(附件的应用)
  • Theming(设计主题) 继续阅读: %s




jQuery Mobile 简介 – 入门






jQuery mobile 是一个跨平台的用户界面Framework.整个framework 基于jQuery(javascript),运用HTML和CSS3。基本能运行于所有的手机浏览器平台。特点是简单易用,非常方便的就能够做出一个在手机上看起来非常专业的网页。

在这里,我们会做一个很简单的介绍,让你快速的建立一个非常简单的jQuery mobile的网页,然后再带你进入官方网页,简单的说说如何利用官方网页的文档,资源继续你的jQery mobile 之旅,有点所谓的师傅引进门,修行靠自己的意思。

开始之前,先在这里放出一个 jQuery  mobile UI 的界面综合:(可以看出,所有的界面都是针对手机设计) 继续阅读: %s




JQuery 菜谱 – $.proxy






简单的说,jQuery proxy的作用,是改变(this) 赋值的指向。 继续阅读: %s




JQuery 菜谱 – $(:not) and $.has()






代码:- 选择child element 里面没有em 的object 
$.not()_Capture

浏览器结果 :

$.not()_Brower_Capture




JQuery 菜谱 – $.animate()






Description: Perform a custom animation of a set of CSS properties.

按照CSS 的设置,自己定义网页动画
$(selector).animate({params},speed,callback);
定义三个数值:{CSS 定义} , 动画速度,Callback
这个function,有意思的在意思的在于{params}, 让你可以根据CSS定义一个动态的网页动作,从初始CSS状态根据动画的速度,变为你定义的CSS状态,然后在完成后,执行callback funciton. 继续阅读: %s




JQuery 菜谱 – serializing Form






序列化表格数据.

代码:

Screen Shot 2013-08-10 at 7.49.39 PM

继续阅读: %s




JQuery 菜谱 – $.data






HTML 5的增添的新特性,你可以添加data- 作为attribute前缀,方便随时储存小量数据。如同下例: 继续阅读: %s




JQuery 菜谱 – $.length()






Description: The number of elements in the jQuery object.

用于显示选取的jQuery object 的数量 继续阅读: %s




JQuery 菜谱 – $.grep()






jQuery.grep( array, function(elementOfArray, indexInArray) [, invert ] )

Description: Finds the elements of an array which satisfy a filter function. The original array is not affected.

找出array中,符合条件的object,原来的array不会被影响。

继续阅读: %s




jQuery 菜谱 – Working with Arrays






jQuery 能够帮助你方便的利用Arrary,下面例子介绍其中几种方法:

  • get()
  • toArrary()
  • makeArrary()
  • innerHTML()

继续阅读: %s