如何通俗易懂地向初学者通解释 jQuery，CSS3 和 HTML5 的关系

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

成都创新互联-专业网站定制、快速模板网站建设、高性价比富顺网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式富顺网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖富顺地区。费用合理售后完善，10年实体公司更值得信赖。

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

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

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

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

以下的东西等他学完JS后，

如果问 jQuery 和 JS 有什么区别？，jQuery能不能取代JS？你再告诉他这个。

用招式(jQuery)跟电脑沟通更方便，不过招式(jQuery)是用单个动作(JS)组合而成的，

所以永远不可能取代单个动作(JS)

招式(jQuery)编排了很多常用的动作(比如跑步，吃饭，跳跃，下蹲)。

但是如果需要某些高难度动作(比如 空中转体720°用脸着地)，而招式(jQuery) 里还没有编排。

那就需要自己用单个动作(JS)来组合一个。

js中jquery添加css3属性时出现的问题

你可以先写一个

.d{color:"blue" padding:"0px" backgroundColor:"lightgrey" border:"1px solid #ccc" width:"100px" height:"30px" worldWrap:"break-wrld" wordBreak:"break-all"}

把class='d'加到div上，先测试下css有没有问题

如果没有问题，就用$("div").addClass("d");

这个方法加上。jquery直接用css()方法添加样式经常不好使

既然有了 jQuery，为什么 CSS3 还要有动画功能

原生的和非原生的不是一回事。而且CSS和JQ也不是一个系统的，总不能让CSS去依靠外来的JQ。CSS的标准需要自己逐步完善强大。

另外

jQ每一帧，都要进行repaint、recomposite，而CSS3动画，你控制得好的话，将获得高性能，2D的可能就头尾两次重绘，3D的可能会更少。更重要的是，移动端非常需要CSS3来做动画，js只能用来简单处理应用逻辑，当初Facebook没有了解到这点，放弃了web端的App，其实很大原因是因为混淆了桌面版UI动画与移动端版本 UI动画差异

如何通俗易懂地向初学者通解释jQuery、CSS3和HTML5的关系?

把整个进程比喻成组装一个呆板人的进程

HTML是这个呆板人的支架骨骼关键关键什么的

CSS是这个呆板人外部的涂装用什么颜色什么主题（荧光白钻石红）什么的

JS是控制这个呆板人举动的让他抬胳膊开火行走跑步等等

HTML5是一种新型质料构成的支架更耐用更简便更清楚同时提供一些可以调用的新的牛逼的举动（JSAPI）比如得到该呆板人坐标主动缓存数据画图成果等等

CSS3是一种改造版涂装更轻渲染更快颜色越发壮丽

Jquery是基于JS封装好的控制举动的库用这种指令就可以更快的写出控制呆板人举动的内容用这种东西写出的指令开辟职员可以节流时间进步服从但是没有原生的举措（JS）他什么都做不了

jquery与css3是否有借鉴关系。

jquery查找dom元素的方式看上去跟css选择器语法类似，仅仅是语法借鉴。实际上是没关系的，

比如$("#id"),jquery只是根据自己的一套正则去匹配"#id"这个字符串，那么最后jquery会执行的是document.getElementById("id")这一句话。jquery做的只是把js的一些方法封装或集合。但底层都是js哦。

jQuery与CSS3

新版本完全支持 JQ2以后甚至抛弃了IE理由是IE不支持CSS3。旧版1代JQ是支持IE的并且绝对跨浏览器，现在Chrome,Safari,Firefox等等HTML5+CSS3支持的浏览器已经开始普及，有必要学习CSS3。但是对于大型网站来讲切莫被CSS3限制住，因为目前IE8的普及率还是非常高，而IE8不支持CSS3。

PS:谁告诉你CSS3不是标准的？这玩意是铁定的标准，CSS4都快出来了。只有IE一家不支持CSS3而已，其他浏览器都支持了好吧？新人不懂可以理解。 你一开始可以不学CSS3，但是你终究会学的