jQuery的事件，选择器，h5的表单

1.click鼠标点击

2.focus,blur聚焦

3.mouseenter,mousemove鼠标操作事件

4.keyup键盘事件

jQuery Bom浏览器操作对象window

1.window.history(-1)上一页

2.window.location.href=""JS地址跳转

3.window.screen.width获取屏幕宽

window.screen.height获取屏幕高

4.document.onmousemove=function(e){e.clientX 可视化

e.clientY

e.pageX 浏览器

e.screenX 屏幕

}

5.doncument.nacigator.appName产品名称

6.document.frames.scrollY纵轴滚动条

jQuery Dom

1.Dom树 HTML树

<ul>

<li></li>

<li></li>

</ul>

find("li")查找子节点

next()下一个兄弟节点

prev()上 一个兄弟节点

eq()以下标方式去查找某一个子节点

parent()父节点

first()第一个子节点 last最后一个

2.节点组成jQuery最大特点就是 链式结构

append()追加html

a.appendTo(b)a放入b中

remove()清除html

html()覆盖

text()设置、获取

attr()设置/获取对象属性

prop()设置/获取对象属性，checkbox 选中true,未选中false

jQuery a.jax

1.get 请求方式不安全，明文，长度有限

2.post 请求方式安全，长度不限，非明文

3.同步 请求后台方式一种，刷新页面状态无法保存，无特殊性例cookies

4.异步 请求后台方式一种不需要刷新页面，状态可以保持

5.XML 传输数据结构的一种

<?xml xxxxx>

<city></city>

</xml>具有可读性好，应用广泛，数据包较大特点

6.Json 传输数据结构一种{"userName":"wting","userPsd":"123456"}

具有数据结构轻巧，被众多内置，传输数据快

.load("test.html",function(text,status){ });

.getScript("a.js",function(text,status){ });

.getJson("a.json",function(text,status){ });

.get("?action=1&user=1",function(data){ });

.post("",{ },function(data){ });

.ajax({

"async":true,

"url":"",

"dataType":"json/jsonp/xml",

"data":{},

"type":"get/post",

success：function( data ){ //成功返回调用方法

},

error: function( data ){ //请求错误调用的方法

}

});

jQuery Bom ： Bom是基于浏览器操作的对象

window是Bom的操作核心。

1、document 对象。

2、frames 对象

3、location 对象。

4、history 对象。

5、screen 对象。

6、navigator 对象。 浏览器本身

1、window.open( URL ) 新窗口打开

2、window.close( URL ) 当前窗口关闭

3、window.location.href = "URL" 跳转

4、window.history.go( -1 ); 返回上一页

5、window.history.go( 1 ); 进入下一页 前提是下一页。

6、window.location.reload(); 刷新页面。

7、window.screen.height; 获取屏幕高度。

8、window.screen.width: 获取屏幕宽度。

9、window.scrollX 横轴位移坐标。

10、window.scrollY 纵轴位移坐标。

11、window.navigator.appVersion 浏览器版本

12、window.navigator.appCodeName 浏览器名称

13、window.frames.moveTo();　移动浏览器

14、window.frames.resizeTo(); 重定义浏览器尺寸

15、window.scrollTo(); 自动让浏览器滚动

16、鼠标事件 pageX/pageY 通常是获取鼠标在页面上位置。

17、鼠标事件 clientX/ClientY 通常是获取鼠标在页面上可视化范围内的位置。

18、鼠标事件 screenX/screenY 通过时获取鼠标在屏幕上位置。

总结：

在BOM对象中，需要经常用到的：

1、window.location.href = "http://www.baidu.com"

2、window.history.go(-1);

3、window.screen.width;

4、window.screen.height;

5、window.scrollX;

6、window.scrollY;

7、window.navigator.appCodeName;

8、鼠标事件 clientX / clientY;

HTML5 表单：

1、type=number 数字 min 最小值, max 最大值,step 步长

2、type=range 区间，区间范围。

3、type=color 颜色面板

4、type=date 日期控件

5、type=email 电子邮件

6、type=url 链接

7、type=tel 电话号码

8、type=file multiple 多文件上传

9、required 必填项

10、novalidate 不验证，(一般用于表单)

11、placeholder 输入框的提示信息

12、<p contenteditable="true">文字</p> 可编辑段落

13、<input type="text" list="data"/>

<datalist id="data"> 数据列表

<option value=""></option>

</datalist>

选择器：

1、ID选择器 document.getElementById()

2、类选择器 document.getElementsByClassName()

3、标签选择器 document.getElementsByTagName()

4、Name选择器 document.getElementsByName()