web前端使用手册

**HTML5**
结构标签：(块状元素) 有意义的div
<header>        标记定义一个页面或一个区域的头部
<nav>           标记定义导航链接
<section>       标记定义一个区域
<aside>         标记定义页面内容部分的侧边栏
<article>       标记定义一篇文章
<footer>        标记定义一个页面或一个区域的底部
<hgroup>        标记定义文件中一个区块的相关信息
<figure>        标记定义一组媒体内容以及它们的标题   
<figcaption>     标签定义 figure 元素的标题。
<dialog>        标记定义一个对话框(会话框) 
多媒体交互标签
<video>         标记定义一个视频
<audio>         标记定义音频内容
<source>        标记定义媒体资源
<canvas>        标记定义图片
<embed>         标记定义外部的可交互的内容或插件 
<menu>          命令列表
<menuitem>      menu命令列表标签 FF（嵌入系统）
<command>       menu标记定义一个命令按钮 
<meter>         状态标签(实时状态显示:气压、气温)C、O
<progress>      状态标签 (任务过程:安装、加载) C、F、O
<datalist>      为input标记定义一个下拉列表,配合option F、O
<details>       标记定义一个元素的详细内容 ，配合dt、dd   C
注释标签
<ruby>          标记定义 注释或音标
<rp>            告诉那些不支持 Ruby元素的浏览器如何去显示
<rt>            标记定义对ruby的注释内容文本
其他标签
<keygen>        标记定义表单里一个生成的键值(加密信息传送)O、F
<mark>          标记定义有标记的文本 (黄色选中状态)
<output>        标记定义一些输出类型, 比如计算或脚本输出。

**删除的HTML标签**
纯表现的元素：basefont，big，center，font, s，strike，tt，u；
对可用性产生负面影响的元素：frame，frameset，noframes；
产生混淆的元素：acronym ，applet，isindex，dir
重新定义的HTML标签
<b>  代表内联文本，通常是粗体，没有传递表示重要的意思
<i>  代表内联文本，通常是斜体，没有传递表示重要的意思
<dd> 可以同details与figure一同使用，定义包含文本，dialog也可用
<dt>     可以同details与figure一同使用，汇总细节，dialog也可用
<hr>     表示主题结束，而不是水平线，虽然显示相同
<menu>   重新定义用户界面的菜单，配合commond或者menuitem使用
<small>     表示小字体，例如打印注释或者法律条款
<strong> 表示重要性而不是强调符号
<xmp>    让html标签在不被浏览器解析而正常显示
<input>  email  url number  range
Date pickers (date, month, week, time, datetime, datetime-local) Search color   telephone   

**基本选择器**
*       通用元素选择器，匹配任何元素.  #container *  不建议使用
E       标签选择器，匹配所有使用E标签的元素
.info   class选择器，匹配所有class属性中包含info的元素 E.info
#footer id选择器，匹配所有id属性等于footer的元素

多元素的组合选择器
E,F         多元素选择器，同时匹配所有E元素或F元素，E和F之间用逗号分隔
E F         后代元素选择器，匹配所有属于E元素后代的F元素，E和F之间用空格分隔
E > F       子元素选择器，匹配所有E元素的子元素F
E + F       毗邻元素选择器，匹配所有紧随E元素之后的同级元素F
E ~ F      会选择跟在目标元素后面的所有匹配的元素

属性选择器
E[att=value]            该属性有指定的确切的值。
E[att~=value]          该属性的值必须是一系列用空格隔开的多个值。
E[att|=value]       属性的值就是“value”或者以“value”开始并                  立即跟上一个“-”字符，也就是“value-”。(比如lang=”zh-cn”)
E[att^=value]           该属性的值以指定值开始。
E[att$=value]          该属性的值包含指定的值(而无论其位置)。
E[att*=value]           该属性的值以指定的值结束

结构伪类选择器
E:root：                 匹配E所在文档的根元素
E:nth-child(n)：         匹配元素类型为E且是父元素的第n个子元素
E:nth-last-child(n)：    匹配元素类型为E且是父元素的倒数第n个子元素
E:nth-of-type(n)：       匹配父元素的第n个类型为E的子元素
E:nth-last-of-type(n)：  匹配父元素的倒数第n个类型为E的子元素（与上一项顺序相反）
E:first-of-type：        匹配父元素的第一个类型为E的子元素
E:last-child：           匹配元素类型为E且是父元素的最后一个子元素
E:last-of-type：         匹配父元素的最后一个类型为E的子元素
E:only-child：           匹配元素类型为E且是父元素中唯一的子元素
E:only-of-type：         匹配父元素中唯一子元素是E的子元素
E:empty：                匹配不包含子节点(包括文本)的E元素

UI元素状态伪类选择器
E:hover         选择器用来指定当鼠标指针移动到元素上面时，元素所使用的样式。
E:active        选择器用来指定元素被激活时使用的的样式。
E:focus         选择器用来指定当元素获得焦点时使用的样式。主要是文本框控件获得焦点并进行文字输入时使用。
E:enabled       选择器用来指定当前元素处于可用状态时的样式
E:disabled      选择器用来指定当前元素处于不可用状态时的样式
E:read-only     选择器用来指定当元素处于只读状态时的样式，在ff下需要写成-moz-read-only的形式
E:read-write    选择器用来指定当元素处于非只读状态时的样式。在ff下需要写成-moz-read-write的形式
E:checked       选择器用来指定当表单中的radio单选按钮或checkbox复选框处于选取状态的时的样式。在ff下需要写成-moz-checked的形式
E:default       选择器用来指定当页面打开时默认处于选取状态的单选按钮或者复选框的样式。需要注意的是，即使用户将默认设定为选取状态的单选按钮或者  复选框修改为非选取状态，使用E:default选择器设定的样式依然有效。
E:indeterminate 选择器用来指定当页面打开时，如果一组单选按钮中任何一个单选按钮都没有设定为选取状态时的整组的单选按钮的样式。如果用户选中这组中的任何一个单选按钮，那么整组的单选按钮的样式被取消。
E::selection    选择器用来指定当元素处于选中状态时的样式。这里需要注意的是:在ff下使用时，需要写成-moz-selection的形式。
E:lang(c)       匹配lang属性等于c的E元素

目标伪类选择器
E:target：       匹配URI中锚点指定的元素

否定伪类选择器
E:not(s)：       匹配类型为E，不匹配选择符为 s 的元素

伪元素选择器
E::first-line：      匹配E元素的第一行
E::first-letter：    匹配E元素的第一个字母
E::before：          在E元素之前插入生成的内容
E::after：           在E元素之后插入生成的内容

1.设置/返回/删除被选元素的属性值
attr(name|properties|key,value|fn)  removeAttr(name)
addClass(class|fn)  removeClass([class|fn]) toggleClass(class|fn[,sw])
3. 读取和修改元素的值
html([val|fn]) 用为读取和修改元素的HTML标签,. 
text([val|fn])用来读取或修改元素的纯文本内容,.
val([val|fn|arr])用来读取或修改表单元素的value值
1.访问/设置匹配元素的样式属性  css(name|pro|[,val|fn])
2.取得/设置匹配元素当前计算的高度值  height([val|fn])   width([val|fn])
3.获取/设置第一个匹配元素内部区域高度/宽度  innerHeight()  innerWidth()
4.获取/设置第一个匹配元素外部高度/宽度  outerHeight([options])   outerWidth([options])
5.确定/设置某个元素的位置  offset([coordinates])    position()     
说明：返回的对象包含两个整型属性：top 和 left。此方法只对可见元素有效。offset()当前视口的相对偏移。position()相对父元素的偏移。
6.获取/设置匹配元素相对滚动条顶部的偏移  scrollTop([val])     scrollLeft([val])
内部插入（作为元素的子节点）：append()、appendTo()、prepend()、prependTo()  
外部插入（作为元素的兄弟节点）：after()、before()、insertAfter()、insertBefore()
wrap() 方法把每个被选元素放置在指定的 HTML 内容或元素中。
wrapAll() 在指定的 HTML 内容或元素中放置所有被选的元素。
wrapInner() 方法使用指定的 HTML 内容或元素，来包裹每个被选元素中的所有内容。
replaceWith()、replaceAll()  前者是用括号中的字符替换所选择的元素，后者反之。
empty()、remove()、detach() 删除节点
clone([Even[,deepEven]]) 克隆节点
1.显示隐藏函数：       show([speed,[easing],[fn]]) hide()  toggle([speed],[easing],[fn])
2.淡入和淡出效果:  fadeIn([speed],[easing],[fn])   fadeOut([speed],[easing],[fn])
fadeTo([[speed],opacity,[easing],[fn]]) fadeToggle([speed,[easing],[fn]])
3.滑入和滑出效果:  slideDown()     slideUp()       slideToggle()
4.自定义动画的函数：animate(params,[speed],[fn])

ready(fn)当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
简写：$(function(){});
$.post(url, { key1: value, key2: value },
function (data, textStatus){
 alert(data.result);
}, ‘json’);