随笔分类 - jQuery
jQuery
摘要：1.1.1 摘要Ajax技术的核心是XMLHttpRequest对象（简称XHR），可以通过使用XHR对象获取到服务器的数据，然后再通过DOM将数据插入到页面中呈现。虽然名字中包含XML，但Ajax通讯与数据格式无关，所以我们的数据格式可以是XML或JSON等格式。XMLHttpRequest对象用于在后台与服务器交换数据，具体作用如下：在不重新加载页面的情况下更新网页在页面已加载后从服务器请求数据在页面已加载后从服务器接收数据在后台向服务器发送数据本文目录XMLHttpRequest的用法Ajax同源请求同源策略与跨源策略Ajax跨源请求1.1.2 正文XMLHttpRequest是一个Ja
阅读全文
摘要：由于工作需要，用到phonegap与jquery moblie搭配，开发android应用程序。这些技术自己之前也都没接触过，可以说是压根没听说过，真是感慨，在开发领域，技术日新月异，知识真是永远学不完的。就算是做java 开发的，可是细分下来，专业方向还是很多的；自己没有涉及的技术还是太多了，自个需要对单个领域专业点，知识丰富点。做不了全才，那咱做个专才，在如今社 会还是必须的。好了，咱们言归正传：PhoneGap是一个开源的开发框架，使用HTML，CSS和JavaScript来构建跨平台的的移动应用程序。它使开发者能够利 用iPhone，Android，Palm，Symbian，Black
阅读全文
摘要：本文是jQuery Mobile设计Android通讯录系统教程的第二篇，在上一篇教程中(http://publish.itpub.net/a2011/0517/1191/000001191561.shtml)， 初步介绍了我们要设计的应用的架构和页面结构，并介绍了Jquery Mobile框架中重要的页面元素的知识，以及Android JAVA应用程序如何跟前端的Javascript页面进行交互。在本系列教程的第二篇，将介绍如何创建新的通讯录帐号及如何修改和删除已经存在的通讯录 名单。 创建通讯录帐号 下面来看下如何新创建通讯录帐号。用户只需要输入自己的姓名，点保存按钮。其中该部分的代码..
阅读全文
摘要：本系列教程将指导大家一步步使用Jquery Mobile设计一个Android的通讯录应用。其中在应用的界面部分，将使用jQuery Mobile框架，并且会指导大家如何使Android中提供的webview浏览器容器控件中的javascript去访问后端JAVA应用程序，以及 后端JAVA应用如何去访问前端的Javascript和HTML。 本文假设读者已对jQuery Mobile有一定的初步认识，同时也初步了解Android的一些基本用法。关于jQuery Mobile框架的介绍，可以参考如下几篇文章： http://tech.it168.com/a2010/1210/1136/00..
阅读全文
摘要：jQuery Mobile 以“Write Less, Do More”作为目标，为所有的主流移动操作系统平台提供了高度统一的 UI 框架：jQuery 的移动框架可以让你为所有流行的移动平台设计一个高度定制和品牌化的 Web 应用程序，而不必为每个移动设备编写独特的应用程序或操作系统。 框架特性 jQuery Mobile 目前支持的移动平台有苹果公司的 iOS(iPhone，ipad，iPod Touch)，Android，BlackBerry OS 6.0，惠普 webOS，Mozilla的Fennec和Opera Mobile。今后，将增加包括Windows Mobile，Sym...
阅读全文
摘要：jQuery Mobile 1.0 已经发布了， 做为jQuery的移动设备类库， 并且依靠着jQuery这个及其受欢迎的类库，必将带给大家不一样的使用体验，基于jQuery Mobile的插件开发必定也会非常受欢迎，今天我们GBin1这里推荐给大家16款最新的jQuery Mobile上使用的jQuery插件，希望大家喜欢! 1. jQuery Mobile Pagination Plugin 这 个插件是由大名鼎鼎的filamentgroup开发的插件，主要为了在移动设备上实现分页显示效果，我们可以使用它来显示不同页面或者是展示图片库，它 使用HTML anchor来连接不同页面，并...
阅读全文
摘要：jQuery Mobile 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。 Hardboiled CSS3 Media Queries 在 jQuery Mobile 中使用 Google Analytics 通过 Ajax 和 PHP 提交 jQuery Mobile表单 使用 jQuery Mobile 创建一个 WordPress 的移动版本 使用 jQuery Mobile 创建网站(一) 使用 jQuery ...
阅读全文
摘要：你每天都会对着它讲话，和它玩游戏，用它看新闻——没错，它就是你裤兜里的智能手机。android，黑莓还是iphone?为了让你清楚意识到究竟哪些才算是智能手机，我在下面总结了一个智能手机系统/设备的列表： · Apple iPhone/iPod Touch · Google Android · RIM BlackBerry/Playbook OS · Nokia Symbian (我承认它该退休了，可是在世界范围内它仍然拥有10亿以上的用户) · HP/Palm WebOS · Microsoft Window Phone 7 没错，
阅读全文
摘要：Galleriffic是一个用于创建快速展示相册中照片的jQuery插件。从图一中可以看成，图片既可以以幻灯片的方式查看，也可以手动点击缩略图查看。Galleriffic还支持分页，从而使得它能够展示更多的图片。 ▲图片一 Galleriffic图片画廊插件 Galleriffic的主要特点如下： · Smart image preloading after the page is loaded · Thumbnail navigation (with pagination) · jQuery.history plugin integration to suppo
阅读全文
摘要：随着HTML 5时代的来临,移动开发开始进入了一个新的时代,现在只需要懂得HTML5,配合一定的开发框架,就可以开发出十分漂亮的HTML5的移动应用。在众多的 移动HTML5开发框架中，比较著名的是jQuery Mobile。最近，jQuery Mobile宣布发布了最新的1.1版本，其中的一些新特性必1.0时代有了很大的提升。在本文中，将会就这些新的特性进行介绍，还将讨论在1.2版本中 估计会新加入的特性。本文的阅读对象为对jQuery Mobile开发有一定认识的读者。 ▲jQuery Mobile 新特性总述 在jQuery Mobile 1.1中有如下值得关注的八大新特性： 1...
阅读全文
摘要：目前，随着越来越多的浏览器开始支持更多的HTML5新特性，开发者也逐渐关注HTML5的开发。在众多HTML5的新特性中，视频方面的新特性是 很值得开发者和用户关注的。现在，只需要有支持HTML5的浏览器，不需要FLASH或其他插件，都可以轻松的观看视频了。然而，由于各浏览器在对 HTML5的支持上，会有少许的差异，因此为了有更好的兼容性，需要进行定制开发，这样才能更兼顾各类的浏览器。在本文中，将介绍如何使用jQuery 和CSS3定制一个适合各浏览器观看的视频播放器。 本文的DEMO可以在这个地址观看到(http://www.inwebson.com/demo/html5-video/dem.
阅读全文
摘要：jQuery被认为是最好的JavaScript库，因为它简单易用、灵活，并有大量的插件。本文介绍25个非常不错的jQuery日历和日期选取插件，希望对各位有用。1. Simple JQuery Date Picker2. Jquery Week Calendar3. FullCalendar4. jCalendar 5. iCal-like calendar 6. wdCalendar 7. Event Calendar8. Sexy jQuery Multiday Calendar Datepicker Plugin – jCal9. VCalendar10. Timeframe11. jQ
阅读全文
摘要：在本教程的前两篇文章中，笔者分别向大家介绍了使用jQuery Mobile框架如何去设计手机新闻浏览器，其中实现了一个WEB版本的新闻浏览器，在本教程的最后一篇中，将讲解如何将已实现的web版本的新闻浏览器迁移到Android手机中去，注意的是，本文希望读者拥有一点基础的Android知识。迁移到Android应用中去 在Android应用中，将会使用index.html作为界面的布局，我们将编写一个Android的Activity类将index.html整合到android应用中去。 修改index.html 首先，将index.html中的NEWS_URI修改：var NEWS_UR...
阅读全文
摘要：在上一篇文章中，已经讨论了程序的结构和页面的布局，并简单介绍了一些jQuery Mobile的使用技巧。在本篇文章中，笔者将继续完成我们web应用的新闻浏览器的设计。 程序的启动 我们现在来研究一下程序的启动。当程序启动的时候，展示给用户的是新闻分类列表的页面，为了让每次这个新闻分类页面不为空，我们需要记下用户之前选择了 哪些感兴趣的分类。为了实现这个目的，我们通过使用jQuery的一个插件DST.js plugin去把用户每次选择的新闻分类都保存在HTML5的localStorage中。如果用户移除了某个分类，则也会在浏览器中的本地存储区域中移 走(注意，要在支持HTML5标准的浏览器...
阅读全文
摘要：jQuery Mobile项目是jQuery项目下的在移动开发方面的又一力作，在本文中，笔者将带你一步步更深入学习使用jQuery Mobile框架去实现一个能在android手机上运行的新闻浏览器，这个新闻浏览器会读取Yahoo网站上以RSS方式提供的新闻。 jQuery Mobile项目目前的最新版本是alpha 3版本，该项目的主要目的是为了能轻易地实现能在不同的移动操作系统上运行的应用程序，比如能在Android,iOS和黑莓手机上运行。而本文的重点是介绍如何在Android上运行程序。本系列文章将以如下的结构进行教学： 首先，我们会向大家介绍jQuery Mobile中的基本的U..
阅读全文
摘要：数据表格的列是一个对象数组，即这个对象中的元素也是一个数组（js中数组是对象）。 对象数组中的每一个元素都是可配置的对象，每个可配置对象定义一个列。
阅读全文