【2015.07.13周一~xxx】【读书笔记】【02】《jquery与javascript入门经典》

笔记：

一、理解web服务器/浏览器范式

（2015.07.13）

1、浏览器通过创建文档对象模型DOM 来渲染网页，DOM是一个树形结构，根对象为HTML文档，根对象可以有多个子对象，子对象又可包含其他子对象；浏览器对DOM中每个节点进行渲染；JS与JQuery能直接与DOM交互，操作这些节点；

2、浏览器跟踪多种事件，JS可以获取浏览器窗口信息；

3、H5提供了大量的矢量图形标签，能使用js直接在网页绘制清晰地图像；

4、HTTP/HTTPS协议：HTTP超文本传输协议，定义了请求响应的格式；HTTPS使用安全套接字层的超文本传输协议，即添加了一个安全层SSL/TLS，确保链接安全；HTTP报头；

5、开发工具：firefox  插件firebug 和firequery;

6、JQuery CDN：http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js；百度CDN公共库 http://cdn.code.baidu.com/

二、调试工具

1、firebug很好用；js控制台工具：console.log 在控制台显示调试信息； console.error()、console.assert();

三、动态网页结构

1、<meta>标签定义了供搜索引擎参考的关键字，其中的属性content指定了希望搜索引擎查找网页时使用的关键字；

<meta name="keywords" content="keywords">;

2、<meta>刷新头 ：<meta http-equiv="refresh" content="300">；

3、<noscript>标签可以提供在未开启js情况下作出警示或替代的页面；

4、块状元素和行内元素 ：块状有宽高，行内没有；

（2015.07.14 周二）

5、H5图形元素：<svg> 可以添加可缩放的矢量图形，知识点查阅   使用 XML 格式定义图形  <canvas> 的图形不是路径，而存储为像素，定义了一个可再其中绘画的容器，所有的绘画都是在<script>中完成的；

6、CSS层叠样式表 ：常用选择器：.class   #id   *  element   :link    :visited  :active  :hover  :focus  :empty  :enabled启动的input元素  :disabled禁用的元素  ：checked  被选中的元素……

7、background-attachment : scroll或fixed  让背景随页面的其他部分滚动或固定不动；

8、鼠标形状： css中的cursor 比如设置成cursor:pointer;

五、jquery和js语法

1、js访问DOM ：使用全局对象document来访问网页元素，

1.1 通过ID选择器获取元素 ： document.getElementById("idname")；

1.2 通过标签选择器 ：document.getElementsByTagName("html标签");返回js数组

2、jquery选择器访问HTML元素 ：$(“任何有效的选择器”).action();相关联的jQuerified操作都可以进行限定选择；（$("p").css('font-weight','bold')）

3、==只比较值， ===比较值和类型

六、理解并使用js对象

1、js中对象分为四大类：DOM对象、内置对象、自定义对象、jquery对象；使用方法 ：对象名.属性名或方法；

2、内置对象：Number、String（转义字符\）、Array、Date、Math、RegExp（正则）、自定义对象；具体属性方法自查；

七、使用js和jquery对象访问DOM元素

1、