JquerryMobile的学习笔记1
来源:互联网 发布:出差神器 知乎 编辑:程序博客网 时间:2024/05/16 10:48
好吧,开始学习JquerryMobile了,本人没有Html5和Jquerry的基础有点吃力,不过慢慢学会用别人的库也是一种快速学习的方法哦。
Jqm使用首先要写HelloWorld哦:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" /> <script src="js/jquery.js"> </script> <script src="js/jquery.mobile-1.2.0.min.js"> </script> </head> <body> <!--page--> <div data-role="page" id="foo"> <div data-role="header"> <h1>登录</h1> </div> <!-- /header --> <div data-role="content" > <div > 用户名<input type="text" >dd</> </div> </div> <!-- /content --> <div data-role="footer" data-position="fixed"> <h4>Page Footer</h4> </div> <!-- /header --> </div> </body></html>这里面一个的大家要看好了:
关键在下面我们要先是一个页面我们用到好多的div了:
<div data-role="page" id="foo"> <div data-role="header"> <h1>登录</h1> </div> <!-- /header --> <div data-role="content" > <div > 用户名<input type="text" >dd</> </div> </div> <!-- /content --> <div data-role="footer" data-position="fixed"> <h4>Page Footer</h4> </div> <!-- /header --> </div>我们会看到page下(date-role)下有header,content还有footer。
这个我们不必要考虑中文乱码,我现在还没遇到过乱码的情况
- JquerryMobile的学习笔记1
- 笔记:oracle的学习笔记1
- JavaScript的学习笔记-1
- IBatisNet的学习笔记1
- DBCP的学习笔记1
- Struts2的学习笔记(1)
- Oracle的学习笔记(1
- FFmpeg的学习笔记1
- struts的学习笔记-1
- python的学习笔记1
- spring的学习笔记-1
- CRM的学习笔记1
- Android的学习笔记1
- java3d 的学习笔记1
- react的学习笔记1
- NuttX的学习笔记 1
- PowerShell的学习笔记(1)
- git的学习笔记1
- Struts1学习之--11、通过bean define标签入门struts标签库
- 注解
- 用verilog语言编写的电子琴跟电子钟
- Struts1学习之--12、对bean write的讲解
- 为什么计算机用补码存储数据
- JquerryMobile的学习笔记1
- pfile与spfile
- SGU 113 Nearly prime numbers
- Struts1学习之--13、logic iterate讲解
- 解决Windows 7中“使用Aero Peek预览桌面”变灰色的方法
- PHP生成TXT文件
- 代理
- Struts1学习之--14、动态FormBean的讲解
- 如何删掉Win7:IE8浏览器中其他人证书