jQuery能做什么?

  • A+
所属分类:网页设计
Web 2 0及Web 3 0中都很强调的一点就是提高用户体验,增强网站本身与用户的交互性。而要实现和桌面软件类似甚至更强的用户体验的方法之一

Web 2.0及Web 3.0中都很强调的一点就是提高用户体验,增强网站本身与用户的交互性。而要实现和桌面软件类似甚至更强的用户体验的方法之一就是使用JavaScript以及AJAX技术。这也是近年来各种JavaScript库流行起来的主要原因。目前在Web开发领域比较流行的JavaScript库有很多,起源较早而且用户甚多的Prototype、小巧灵活的Mootools、Yahoo。官方发布的Yahoo!UI以及小巧而强大的jQuery等。这些JavaScript库从技术角度来说各有自己的优缺点。

更加丰富的导航菜单

使用jQuery可以很方便的实现页面元素的显示和隐藏,因此也比较容易设计出一个美观大方多层次的导航菜单。

jQuery能做什么?

Tab内容的切换

网站的内容越来越丰富,于是网站都希望在尽量少的空间内展示尽量多的内容,而又不能显得凌乱不堪,让用户无法寻找。解决的最好办法就是在页面上使用Tab。目前,Tab已经成为Web 2.0网站上的一个流行元素,并且也衍生除了很多优秀的用户使用效果。下面是几个使用jQuery来实现Tab效果的大型网站的实例。

jQuery能做什么?

人性化的提示信息

最好的提示信息往往是在用户最开始出错的地方进行提示的信息。如果用户都已经进行了大部分的操作,此时如果提示某项有错,需要用户重新做,试想一下,这种做法很容易把用户激怒,甚至会进而放弃对网站的访问和使用。

jQuery能做什么?

可定制的用户内容

Web 2.0网站一个很大的特征就是用户的参与。因此现在很多网站都可以让用户根据自己的需求进行定制,用户可以根据自己的喜好对网页的显示内容甚至显示风格进行选择或者定制。BBC官方网站(http://www.bbc.co.uk/)使用jQuery实现了强大的用户可定制功能。

jQuery能做什么?

动态的图片展示效果

Web 2.0网站的另一个显著的特点就是网页不再是千篇一律的静态页面。它出现了很多以前需要使用Flash等工具才能做出来的动态效果。例如,Dell网站上有一个图片切换效果,就是使用Flash来实现的,如图所示。

jQuery能做什么?

AJAX实时局部刷新

AJAX可以给用户带来很好的用户体验。用户感到的最直观一个体验就是页面的局部实时刷新。在传统网站上,想要更新页面内容的某一部分,则必须将这个页面重新刷新;使用AJAX之后,用户会看到,只有需要改变的内容才会重新发送数据给服务器,其他部分则保持不变。

jQuery中提供了很强大的AJAX功能。著名的微博客类网站twitter.com就是使用的jQuery中的AJAX技术来实现其信息的发布的。如图所示。

jQuery能做什么?

数据的可视化显示

在日常生活中,经常会接触到大量的数据统计信息,如工作报表、消费统计等。最简单的表现这些报表数据的方式就是直接列出一个表格。不过从某种程度上来说,单纯的一堆数字看起来不是那么的直观易读。因此,在Web 2.0时代,人们更愿意使用更加直观的可视化图表的方式对统计数据进行显示。

jQuery能做什么?

 

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: