一、B/S的基本架构
从 HTML 到 JS 再到 JQ , 在我们学校所定的教材上, 我都发现了每章开头必花较大的篇幅讲 B/S 的基本架构, 但是书上的内容不深不浅, 基本上在学习这个知识点的时候会用到这个图:
我想要先把这个图讲清楚, 它为毛就是这个样子:
其实这个图还可以再细化, 但今天时间有限, 就简单解释一下, web服务器和web容器之间的区别。 在很久之前, 有一个悠久 web 服务器叫apache, 它主要用来处理静态资源, 但是无法处理 servlet 程序。 因此后来出现了 tomcat 服务器, tomcat 的功能完全可以 替代 Apache, 但是tomcat在处理静态资源方面不如Apache。 我自己YY一下, 由于servlet、jsp等动态网页技术的大火, 在之前服务器的基础之上, 应该是把 Apache服务器中添加上对应的处理servlet和jsp的web容器。 所以就成了图中如此。 web服务器承担了主要的 httpserver 服务, 而当请求jsp等动态资源的时候, 就交给web容器来处理。 时间有限, 就说这么多。
1.web浏览器的作用
a.请求服务器资源
b.基于http协议和服务器进行通信
c.解析并显示html文件
2.web服务器的作用
a.接收浏览器发送过来请求
b.存放web应用程序
c.传送html文件
d.访问数据库
二、jQuery是什么?
jQuery是JS的轻型脚本库。 不压缩200KB, 压缩后21KB(min.js)
作用:(基本上就是jQuery要讲的内容)
1.遍历和操作HTML元素。选择器选择网页指定中的HTML元素,遍历网页中的HTML元素,取得这些元素当然就可用过适当方法对其进行设置, 产生动态效果。 对HTML元素的创建、插入、删除、复制、替换等操作是jQuery重点。
2. 设置HTML元素的CSS样式。
3. 事件处理。
4. 与Ajax交互
5. 实现动画效果,堪比flash。
优势:
1.实现同样的功能jQ的代码比js少。write less,do more
2.提供强大的API
3.强大的开源讨论社区
4.效果确实不错, 美观
三、配置jQuery环境
1.引入在线脚本库
2.引入本地脚本库
引入在线最新脚本库缺点:
a. web服务器不能访问互联网。
b.jQuery官网可能会出现掉线的情况, 即使概率很小。
c.新特性还不一定会用到
四、JQ对象和DOM对象
这是BOM对象和DOM对象的关系
1.JQ对象能和DOM对象互相转换
2.DOM对象通用,无论在JS还是JQ。JQ对象来自它的类库,只能在JQ程序中使用。
3.JS和JQ方法别混用。