事件流

事件流意味着页面上不止一个元素可响应相同的事件
1>事件冒泡。先响应事件源，再响应父容器
2>事件捕获。先响应父容器，再响应事件源
3>事件处理。可以选择先响应事件源，还是先响应父容器


事件指派的方式有两种：
1>传统事件添加
2>现代事件添加
一》传统事件添加的特点：1兼容幸好，几乎所有的浏览器都支持
2一个元素的一个事件只能绑定一个函数
二》
现代事件添加的特点：1 兼容性差，浏览器不同，添加事件的方式就不同
2 一个元素的一个事件，可以绑定多个函数


一个事件如果返回值为false，可以阻止元素默认行为。


innerHTML
方便地设置元素内容
不是DOM的一部分，但被所有浏览器支持


jquery概述：
jquery是一款免费且开放源代码javascript代码库，引入了全新的DOM选择器引擎，同时提供UI库组件
jquery优点：
1>轻量级
2>强大的DOM选择器，简化javascript和ajax开发
3>解决不同浏览器兼容问题
4>提供UI库组件让网页面开发更放便


jquery对象和dom对象的互换
dom对象转为jquery
var obj = document.getElementById("div1");
//dom对象转化jquery
var jq = $(obj);
alert(jq.html);
jquery转化为dom
var jq = $(#div1);
var obj = $(jq)[0]
alert(obj.innerHTML);


jquery添加事件全是现代事件，一个事件可以绑定多个函数


按标记名查找元素
jquery方式
var msg = $("#div1 label");
var msg = $("#div1").find("label");
取得数据第几个元素，返回dom对象
$("#div label")[1].innerHTML
数组长度
$("#div label").size
遍历数组
$("#div label").each(function(index,data){
Index为循环变量，data为数组中dom元素
  //得到原始DOM对象
this.innerHTML
})；


jquery元素设置
设置，获得标签中的内容
$("#div").html("<p>aaaa</p>")//设置内容
$("#div").html();//获得内容
设置，获得value值
$("#userName").val("张三")；//设置value值
$("#userName").val();//获得value值
显示隐藏元素
$("p").show("slow");//附加动画，显示元素
$("p").hide("slow")//附加动画，隐藏元素


取消对象中所有事件
$("p").unbind()
取消对象中所有点击事件
$("p").unbinf("click")
取消对象中某一个点击事件
$("p").unbinf("click"，fun)


单选框和复选框判断是否选中checked
列表框和下拉框判断是否选中selected


html:全称为超文本标记语言。是通过标记和子标记来描述网页内容。超文本的含义是在网页中描述的不只是文本数据。还可以通过一系列标记去链接格式各样的资源。包括图片，音频，css，js等。当客户端在访问网页是，除了要下载文本数据，还需要通过网页中描述的链接地址，去下载各式各样的资源文件。才能让网页正确显示。




工厂模式：
将对象的创建和对象的使用分开进行。其目的是解耦