jQuery和jQuery Mobile之间的区别？

Question

jQuery和jQuery Mobile之间的区别？

tem*_*ame 90 jquery jquery-mobile

我是移动网络开发的新手,我刚刚使用PhoneGap制作了一个移动应用程序,经常使用jQuery.

但是自然有一些故障与我如何格式化事物以及它们实际出现在我正在测试的移动设备屏幕上的方式有关,并且在尝试解决这些问题时,我偶然发现了许多建议,以便通过使用更方便自己jQuery移动.

现在这让我很困惑 - jQuery没有格式化.这只是我初学者对移动CSS的一级知识造成的问题.

那么jQuery mobile到底做了什么,它与普通的jQuery有什么不同呢？如果我已经了解jQuery,对我来说什么是新的？

Answer 1

Stu*_*Cox 91

jQuery纯粹是为了简化和标准化跨浏览器的脚本而设计的.它侧重于低级别的东西:创建元素,操纵DOM,管理属性,执行HTTP请求等.

jQueryUI是一组构建在jQuery之上的用户界面组件和功能(即它需要jQuery才能工作):按钮,对话框,滑块,选项卡,更高级的动画,拖放功能.

jQuery和jQueryUI都被设计为"添加"到您的站点(桌面或移动) - 如果您想添加特定功能,jQuery或jQueryUI可能会提供帮助.

然而,jQuery Mobile是一个完整的框架.它旨在成为您移动网站的起点.它需要jQuery并利用jQuery和jQueryUI的功能来提供UI组件和API功能,以构建适合移动设备的站点.您仍然可以根据需要使用尽可能多的内容,但如果您愿意,jQuery Mobile 可以以移动设备友好的方式控制整个视口.

另一个主要区别是jQuery和jQueryUI旨在成为HTML和CSS之上的一个层.您应该能够单独保留标记并使用jQuery对其进行增强.但是,jQuery Mobile提供了单独使用HTML定义组件出现位置的方法 - 例如(来自jQuery Mobile站点):

<ul data-role="listview" data-inset="true" data-filter="true">
    <li><a href="#">Acura</a></li>
    <li><a href="#">Audi</a></li>
    <li><a href="#">BMW</a></li>
    <li><a href="#">Cadillac</a></li>
    <li><a href="#">Ferrari</a></li>
</ul>

Run Code Online (Sandbox Code Playgroud)

该data-role属性告诉jQuery Mobile将此列表转换为适合移动设备的UI组件data-inset及其data-filter属性设置属性 - 无需编写单行JavaScript.另一方面,jQueryUI组件通常通过编写几行JavaScript来实现,以实例化DOM中的组件.

对不起,你是对的我没有说清楚jQuery Mobile也需要jQuery - 我会更新它.虽然请注意我的答案并不是真的用来告诉你如何使用jQuery Mobile(这不是原始问题),只是为了对概念差异进行广泛的概述. (3认同)

Answer 2

cod*_*iel 28

什么是jQuery mobile

JQM(jQuery mobile)是一个基于jQuery的移动电话用户界面系统.JQM需要jQuery才能工作.与其他类似的移动电话框架不同,JQM的目标是支持所有主流移动,平板电脑,电子阅读器和桌面平台,而不仅仅是移动webkit浏览器.该框架最显着的特征之一是使用动画页面过渡的Ajax导航系统(非常酷).

什么可能是新的你

关于JQM向新用户抛出曲线球的一件事是ajax导航.来自jquery你可能习惯于在每个页面中包含你的javascript,然后使用dom ready($(function(){ ... }或$(document).ready(function(){ .... })启动所有有趣的javascript活动.但是因为JQM使用ajax导航,系统会将其他页面拉到与第一页相同的dom中,并且不会加载包含在其中的脚本<head>.当通过ajax加载下一页时,你会注意到你的东西在$(function(){ ...}第二页上不起作用.解决方案是绑定到pageinit事件.以下示例将帮助您在旅程开始时:

$(document).on('pageinit', function(){ // this fires for each new page

});

Run Code Online (Sandbox Code Playgroud)

为了定位某个页面,您需要添加页面的ID:

$(document).on('pageinit','#page2', function(){ // this fires for #page2 only 

});

Run Code Online (Sandbox Code Playgroud)

了解新的页面事件将在开始使用JQM时提供帮助.http://jquerymobile.com/demos/1.1.0/docs/api/events.html祝你好运!

Answer 3

Dan*_*ite 6

jQuery 是一个 DOM 操作/遍历和 AJAX JavaScript 框架。它自动抽象出不同浏览器之间的许多复杂性。有无数的 jQuery 插件可以简化许多任务。

jQuery Mobile 是一个 UI 框架，适用于基于 jQuery 构建的移动应用程序。它具有主题和 UI 组件。

总之，它们是免费的。您不必使用 jQuery Mobile 即可使用 jQuery。但是要使用 jQuery Mobile，您必须使用 jQuery。

归档时间：	13 年，9 月前
查看次数：	56684 次
最近记录：	11 年前