pc写jquerymobile的简单介绍

怎样使用Jquery Mobile创建表格

1. 首先，我们需要打开电脑上的DreamWeaver软件，新建一个htm5的页面，然后我们需要设置页面为屏幕自适应

2. 接下来我们需要搭建Jquery Mobile的环境，先在官网下载Jquery Mobile的库文件，有很多版本，我下载的是1.4.5

3. 然后我们在页面中引用库文件，注意库文件的引用顺序，需要引用的是min.css而不是普通的css文件。jquery.js的引用要在jquery.mobile.min.js的引用之前

4. 这些都准备妥当之后，我们就在body里面新建一个div，将其data-role设置为page表示是一个页面。

5. 然后我们在div中插入一个main DIV,再在div中插入一个包含thead和tabody的table表格。

6. 我们插入之后，可以先在浏览器中查看一下内容，可以看到只是几行字，一点样式都没有，这就需要我们为其添加Jquery Mobile中的样式

7. 7

我们为其添加data-role="table"和其他属性，不用再另添加新的样式，就可以使得表格更像一个表格

8. 8

这样，我们的表格就做好了。其可以随着页面的放大而改变自己的样式，与屏幕相适应。

怎么使用JQuery Mobile开发移动网站

简单的说明一下JQueryMobile.

它是一个很好的跨平台的移动端网站开发框架。 是一个前台的框架。现在要使用这个框架组一个界面，这个界面很简单， 但是麻雀虽小五脏俱全，

然后模板实现， 知识讲解完毕。html要使用HTML5的标准来写， 因为JQueryMobile是基于HTML5的。

既然使用JQueryMobile就要有这个框架， 这里可以使用本地引用的方式， 和网上引用， 也叫做cdn引用。就是比较稳定和快速的引用外部文件的一种方式。 这里使用cdn的方式， 这样只要可以上网就可以使用该框架。

在写移动端的网站的时候，

一定要写一个meta的name为viewport的属性， 因为该属性代表着网站页面的自适应。简单的写法为：meta

name="viewport" content="width=device-width, initial-scale=1"

代表着网站为驱动设备的宽度。

然后加入框架之后，

写一个简单的界面。 这里面JQueryMobile大量的使用了一个data-的属性， 这里使用最多的事data-role。

代表着他默认的样式规则。 就是提前定义好了很多的样式来供你使用。 常用的page. 代表着页面， listview，

代表着一个列表视图。

稍微说明一下。

data-role="page" 是代表着一个页面可以看做该内容下是一个页面显示的内容

data-role=”header"代表着 页面的页头， 就是页面的最上面显示的内容这里需要注意， 里面要加上子标签内容， 要不然， 就不会居中显示内容了。推荐使用h1.

data-role="footer"代表着页脚的内容。 也是网站的一个说明信息。 或者是一个底部导航菜单。 还有一部分， 就是data-role="content" 是代表着页面内容部分， 主要的内容在这里面显示。

这3个部分构成了一个简单的页面。 所以， 现在可以体验到它的强大， 不用写太多的代码一个简单的框架就好了， 下面继续增加一个listveiw的列表视图。

完成列表视图的代码， 增加一个文章列举表的代码， 这里列表是使用data-role="listview" 来修饰样式。 然后这里只需要加上data-role="listview" 你发现想要的list效果就实现了。 这样我们一个简单的页面效果就实现了。

利用jquerymobile怎么写js代码？还跟jquery写事件方法一样吗？求大神帮帮忙

jquery是一个JavaScript库，提供很多功能函数，让开发者更快捷、简单的完成开发。

而jquery mobile 是一个框架，主要是为移动端开发设计的，其实PC端开发也一样用，由于大量的使用了HTML5特性，所以不适合PC端的一些低端浏览器。

jquery mobile是构建在jquery基础至上的，所以语法和jquery是一样的。区别在于：

使用了jquery，同样可以和其他库框架或原生代码混用。

而jquery mobile就不同了，要遵循它定义的页面结构、样式结构、组件结构、历史管理等等，不能和其他框架混着来。