| 文章简介：本文我们来认识一下jQuery Mobile的一些属性. |
本文我们来认识一下jQuery Mobile的一些属性
（注释：下面示例中的代码片段均来自1.1.0版本）
首先解释一下在jquery mobile里面的每一个view或者page的概念：
如何定义一个页面容器呢？
从前面的教程里面，你应该看过下面的代码：
//一个单独的page <div data-role="page"></div> //多个page <div data-role="page" id="home-page"> </div> <div data-role="page" id="copyright-page"> </div>
其实page的配置方式很简单，但是我们下面看看源码：
//#7470 var $pages = $(":jqmData(role='page'),:jqmData(role='dialog')"); if(!$pages.length){ $pages = $("body").wrapInner("<div data-"+ $.mobile.ns + "role='page'></div>").children(0); }
说明：
1、其实data-role="dialog"的对于jquery mobile体系来讲也是算一个page 大家看了前面的dialog的例子，发现它不是我们一般认为的一个传统的浮层
2、如何页面中没有定义page和dialog，体系会默认加一个 当然这种状况很少见
说了那么多，我们来看一下到底哪3个属性还是比较重要的!
1、$.mobile.pageContainer
返回的是：存放page的容器，在体系中其实是body
源码部分：
//#7488行 $.mobile.pageContainer = $pages.first().parent().addClass("ui-mobile-viewport");
2、$.mobile.firstPage
返回的是：第一个page
源码部分：
//#7488行 $.mobile.firstPage = $pages.first();
3、$.mobile.activePage
返回的是：当前处于可见的page或者dialog
源码部分：
//#3385行 $.mobile.activePage = toPage;
以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索jquery mobile
， 源码
， dialog
， jquery.mobile
， 属性
， mobile
， page
， jquery mobile popup
， mobile输入框jquery
， 一个
， 认识jquery
wrapInner()
jquery mobile的缺点、jquery mobile做的app、jquerymobile的table、jquery mobile的popup、jquery mobile，以便于您获取更多的相关知识。