9.停下来讲说jquery
#1. javacript时代到jquery时代 不一样浏览器对javacript解析的差别性，致使作兼容处理的成本的上升，聪明人很快发现了这个痛点，因而， 抹平浏览器差别的jQuery库出现了。html
jQuery：用更少的代码，实现更强悍的功能java
jQuery由一小撮对浏览器极其熟稔的极客负责抹平不一样浏览器的差别，其余开发 者只须要基于jQuery进行开发，能够更好地关注业务实现，而不是把时间花在 适配不一样的浏览器上。jquery
jQuery解决一个浏览器兼容性问题浏览器
#2. 满眼的全是DOM jQuery使得开发无刷新动态页面（AJAX）或者单页应用（SPA）变得 至关简单。函数
标准的HTML页面是静态的，被浏览器渲染后就产生了一个DOM树
code
jQuery让静态的文档动起来，经过提供一系列的选择符，jQuery使开发者可以 极其方便地选中一组DOM节点，对其进行操做。htm
这就是jQuery的开发范式。jQuery没有引入什么新的概念，只是朴素地，让你可以更简单 地、低成本地操做DOM：对象
- 用选择符选定一组DOM节点
- 操做选中的DOM节点，好比：修改文本、改变属性、挂接事件监听函数、变换DOM等等。
- 基本不用考虑跨浏览器的兼容性
#3. jquery的一个简单实例 用jQuery实现一个小时钟 咱们试着用jQuery实现一个简单的时钟页面，实现思路很简单：事件
-
引入jquery库 jquery库将建立一个全局对象：$。开发者须要的API都挂接在这个对象上。 它实际上是一个类工厂，负责将指定的DOM对象转化为jquery对象。图片
-
在DOM文档就绪后，启动一个定时器 使用$(document).ready()能够监听DOM文档就绪事件，一般简写成$(...)。
-
在定时器里更新div#clock的文本 "div#clock"是一个选择符，使用这个选择符，jquery库能够找到那个 特定的DOM对象，并将其转化为jQuery对象。
-
jquery封装后的DOM对象有一堆的方法供你调用，咱们使用text()方法更新其文本
<html>
<head>
<!--引入jquery库，这将建立一个全局的对象：$ -->
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
<!--div#clock做为咱们的时钟模板，将被定时刷新-->
<div id="clock"></div>
</body>
</html>
//监听DOM就绪事件
$(function(){
//启动定时器
setInterval(function(){
//取当前时间
var d = new Date();
//使用text()方法更新DOM对象的文本内容
$("#clock").text(d.toString());
},1000/*1000毫秒触发1次*/);
});