jquery html5关系图,如何向小白解释 jQuery、CSS3 和 HTML5 的关系？

原标题：如何向小白解释 jQuery、CSS3 和 HTML5 的关系？

我们看到的网页是由3个部分组成的：html、js和css。

木偶戏大家都看过吧，我们可以拿木偶戏类比：html就是网页的结构，类似于木偶的骨骼，或者说一个光秃秃的木偶；css是网页的样式，可以把它想象成木偶穿的衣服；同样的木偶，穿上不同的衣服就有不同的样子，类似的，同样的html，有不同的css就可以显示不同的样式；js是控制交互的，可以通过js操作网页的交互(比如点击之后出弹窗之类的)，可以把它想象成控制木偶的线，让木偶做出各种动作。

HTML是由多种骨头(标签)组成的骨架。

HTML5是更多的新骨头(标签)，同时去掉了以前觉得不好用的骨头。

CSS是皮肤；CSS3是更美的皮肤。

JS控制单个动作 (抬手,张嘴,放下手,抬腿,转头,握拳等) 。

jQuery是把一组常用动作编排成了一个招式。

(例如吃饭这个动作里面编排了：拿起勺子，挖一勺饭，把勺子贴近嘴，张嘴，勺子送进嘴，勺子拿出嘴，咀嚼。)

还可以把整个过程比喻成组装一个机器人的过程：

HTML是这个机器人的支架、骨骼、关节；

CSS是这个机器人外部的涂装：用什么颜色、什么主题(荧光白 钻石红)；

JS是控制这个机器人行为的：让他抬胳膊、开火、行走、跑步等等；

HTML5是一种新型材料组成的支架，更耐用、更简洁、更清晰，同时提供一些可以调用的新的牛逼的行为(JS API)。

比如：获得该机器人坐标、自动缓存数据、绘图功能等等。

CSS3是一种改进版涂装，更轻、渲染更快、颜色更加绚丽；

Jquery是基于JS封装好的控制行为的库，用这种指令，就可以更快的写出控制机器人行为的内容，用这种东西写出的指令，开发人员可以节省时间、提高效率，但是没有原生的动作(JS)他什么都做不了；

而你完成的网站或者 web APP 就是组装好的机器人。

来源：千锋HTML5返回搜狐，查看更多

责任编辑：