特别申明：本系列教程由小春撰写

本文我们来深度认识一下jQuery Mobile的内部设计原理中组件如何自动初始化
（注释：下面示例中的代码片段均来自1.1.0版本）
很多看过源码的同学或者使用过jquery mobile的同学们，大家有没有一个很大很大的问题：
------- jquery mobile提供了几个组件，他们如何自动初始化的？
！！重点说明：下面类似的自动初始化的流程多是在pagecreate触发后调用，有关pagecreate相关的说明可以查看我前面的相关介绍

我们挑选其中一个组件：listview

先看一张流程图：

特别申明：本系列教程由小春撰写

本文我们来认识一下jQuery Mobile的一个比较特殊的选择器方式
（注释：下面示例中的代码片段均来自1.1.0版本）
很多看过源码的同学，应该多会在很多地方看到下面这种选择器，用过jquery的人都会疑问？
---- jquery本身没有这种选择器类型的支持！

源码示例：

//获取页面data-role="page"和data-role="dialog"的数目
//#7470
var $pages = $(":jqmData(role='page'),:jqmData(role='dialog')")

那我来大家来看一下到底是咋样实现的呢？

源码展示：

特别申明：本系列教程由小春撰写

本文我们来深度认识一下jQuery Mobile体系中非常非常非常有用的事件：
--------pagecreate以及pagebeforecreate的由来!
（注释：下面示例中的代码片段均来自1.1.0版本）
很多看过源码的同学，应该多会在很多地方看到下面这种事件绑定，我挑选了第一个出现的地方：

源码实例：

特别申明：本系列教程由小春撰写

本文我们来深度认识一下jQuery Mobile中一个大致的自动增强的流程设计
还记得我们前面在《jQuery Mobile教程-基础篇-如何开始？》里面提到的一个最简单的页面结构吗？

特别申明：本系列教程由小春撰写

本文我们来通过源码分析的方式，深度认识一下jQuery Mobile中grid组件的设计实现细节
还记得我们前面在《jQuery Mobile教程-基础篇-网格篇》里面提到的如何设置几列布局吗？

特别申明：本系列教程由小春撰写

本文我们来通过对比按鈕自动增强前后的html代码，直观地让大家来深度认识一下jQuery Mobile中如何对按钮进行自动增强设计的！
还记得我们前面在《jQuery Mobile教程-基础篇-按钮篇》里面提到的一些基本的按钮知识吗？如何有不熟悉的，可以去查阅一下！

1、先看链接按钮：

我们在页面编写的代码：

<a data-theme="a" data-role="button">我是链接按钮</a>	  

我们来看一下经过自动增强后的：

特别申明：本系列教程由小春撰写

本文我们来深度认识一下jQuery Mobile的selectmenu插件
主要让大家熟悉一下动态创建selectmenu、禁用selectmenu以及启用selectmenu

1、动态创建input

示例：

特别申明：本系列教程由小春撰写

本文我们来深度认识一下jQuery Mobile的textinput插件
主要让大家熟悉一下动态创建input、禁用input以及启用input

1、动态创建input

示例：

特别申明：本系列教程由小春撰写

本文我们来深度认识一下jQuery Mobile的checkboxradio插件
表单中的radio与checkbox都依赖它进行初始化增强以及一些事件的绑定（disable、enable、checked、unchecked）等

补充：如果你对button还是比较陌生的话，可以查看我们的《基础篇-表单篇》

1、disable（禁用）

示例：

	//禁用
	$("#disable_checkbox").bind('click',function(){
		$("#major_eng").checkboxradio("disable");
	});

2、enable（启用）

示例：

特别申明：本系列教程由小春撰写

本文主要看一下jQuery Mobile体系中的dialog组件：
它开放了一个close的api

补充：如果你对dialog还是比较陌生的话，可以查看我们的《基础篇-弹窗篇》

1、如何关闭dialog？

示例：

//关闭dialog
$("#close-dialog-btn").click(function(){
	$("#alert-dialog").dialog("close");
});

源码：