二.快来看看jQuery的基本操作吧

今天计算中心真冷啊,中央空调还没修好,敲代码手都快冻下来了 啊 

jQuery页面的许多功能效果都需要借助HTML5的新增标签和属性,因此创建的HTML页面必须符合HTML5页面规范,在文档的和标签之间需要依次添加jQuery Mobile的CSS样式表文件、jQuery基本框架文件和jQuery Mobile 插件文件。

一.jQuery页面实现多容器之间的链接。

1.简介

(1)内链接。将一个页面中的多个容器当做不同的页面,跳转用实现,通过在标签中设置href属性值为#加对应页面的id名称即可。例如:                                                                                                      第二页

(2)外链接。通过单击页面中的某个链接,跳转到另一个jQuery Mobile页面,而不是在同一个页面的不同区域跳转。在标签中添加rel属性,设置为external,即可以表示链接是一个外链接。例如:                详情页面

(3)页面跳转。在jQuery页面中,无论外链接还是内链接,都支持页面跳转过度的动画效果,只需要在标签中添加data-transition属性设置即可。格式:                                                                       对象

data-transition属性的属性值说明如下:

slid:该属性为默认值,表示从右到左的滑动动画效果

pop:弹出页面的效果来打开链接页面

slidup:表示向上滑动的动画效果

slidedown:表示向下滑动的动画效果

fade:表示渐变褪色的效果

flip:表示当前页面飞出,链接页面飞入的效果。

2.练习

点击“第二页”链接之后:

2.链接外部jQuery Mobile页面

效果图:

点击关于我们之后,跳转到外部链接


3.弹出对话框

代码:

效果图:

你可能感兴趣的:(二.快来看看jQuery的基本操作吧)