87,904
社区成员
发帖
与我相关
我的任务
分享jQuery能做什么？
Web 2.0及Web 3.0中都很强调的一点就是提高用户体验，增强网站本身与用户的交互性。而要实现和桌面软件类似甚至更强的用户体验的方法之一就是使用JavaScript以及AJAX技术。这也是近年来各种JavaScript库流行起来的主要原因。目前在Web开发领域比较流行的JavaScript库有很多，起源较早而且用户甚多的Prototype、小巧灵活的Mootools、Yahoo。官方发布的Yahoo！UI以及小巧而强大的jQuery等。这些JavaScript库从技术角度来说各有自己的优缺点。
更加丰富的导航菜单
使用jQuery可以很方便的实现页面元素的显示和隐藏，因此也比较容易设计出一个美观大方多层次的导航菜单。
Tab内容的切换
网站的内容越来越丰富，于是网站都希望在尽量少的空间内展示尽量多的内容，而又不能显得凌乱不堪，让用户无法寻找。解决的最好办法就是在页面上使用Tab。目前，Tab已经成为Web 2.0网站上的一个流行元素，并且也衍生除了很多优秀的用户使用效果。下面是几个使用jQuery来实现Tab效果的大型网站的实例。
人性化的提示信息
最好的提示信息往往是在用户最开始出错的地方进行提示的信息。如果用户都已经进行了大部分的操作，此时如果提示某项有错，需要用户重新做，试想一下，这种做法很容易把用户激怒，甚至会进而放弃对网站的访问和使用。
可定制的用户内容
Web 2.0网站一个很大的特征就是用户的参与。因此现在很多网站都可以让用户根据自己的需求进行定制，用户可以根据自己的喜好对网页的显示内容甚至显示风格进行选择或者定制。
动态的图片展示效果
Web 2.0网站的另一个显著的特点就是网页不再是千篇一律的静态页面。它出现了很多以前需要使用Flash等工具才能做出来的动态效果。例如，Dell网站上有一个图片切换效果，就是使用Flash来实现的，如图所示。
AJAX实时局部刷新
AJAX可以给用户带来很好的用户体验。用户感到的最直观一个体验就是页面的局部实时刷新。在传统网站上，想要更新页面内容的某一部分，则必须将这个页面重新刷新；使用AJAX之后，用户会看到，只有需要改变的内容才会重新发送数据给服务器，其他部分则保持不变。
jQuery中提供了很强大的AJAX功能。著名的微博客类网站twitter.com就是使用的jQuery中的AJAX技术来实现其信息的发布的。如图所示。
数据的可视化显示
在日常生活中，经常会接触到大量的数据统计信息，如工作报表、消费统计等。最简单的表现这些报表数据的方式就是直接列出一个表格。不过从某种程度上来说，单纯的一堆数字看起来不是那么的直观易读。因此，在Web 2.0时代，人们更愿意使用更加直观的可视化图表的方式对统计数据进行显示。
本文原地址：http://www.itboys.net/html/2013/js_0919/497.html
...全文
请发表友善的回复…
发表回复
初心不变时过迁 2013-09-24
- 打赏
- 举报
JQ确实很强大
前端美化 等等
但是
记得有看到一句话
JQ和sql只是一门辅助语言 如果没有做出相关的项目 那根本就没有意义
webber87 2013-09-24
- 打赏
- 举报
过来参阅一下思路...
MR_Teen 2013-09-21
- 打赏
- 举报
选择器强大，简化操作，很好的实现方法链，效果也很出色，dom操作的强大性，和其自身的扩展型，可以自定义插件。
namelesswei 2013-09-21
- 打赏
- 举报
学习。。。。了解。。。
zhjdg 2013-09-21
- 打赏
- 举报
jQuery 什么都不能做。
KK3K2005 2013-09-20
- 打赏
- 举报
jquery是很优秀 减少了我们大量的工作时间
不过如果老说 什么 提供强大的ajax功能
这会让大家以为ajax很复杂
另外 jquery提供封装良好的dom操作 所以方便使用各种插件
但是不代表 美观的页面是jquery的功劳
如果只给我一个jquery 没有美术设计的支持 我不认为我可以作出优质的ui
姜小白- 2013-09-20
- 打赏
- 举报
顶贴，一直用jquery，没研究那么多，只知道可以做出一些比较好的效果，可以简化javascript代码 
mmqw 2013-09-20
- 打赏
- 举报
顶
