<!doctype html>声明HTML版本编写指令 seo
font-weight: 改变字体粗细 bold 变粗 100-800； opacity 设置元素的透明级别（0-1之间） |
z-index：覆盖时 优先显示; rgba：可以设置标签属性背景的透明度； |
overflow:hidden 超出的区域,隐藏 ! |
----------------------------------------------------------------------------------------------------
$(this) 当前HTML元素； $('ul li:first') 每个<ul>里面的第一个<li>元素；
$(document).ready(function) 将函数绑定到文档的就绪事件（当文档完成加载时）
hide(时间参数)显示；show(时间参数)隐藏；toggle(时间参数) 显示/隐藏；
fadeIn()淡入; fadeOut()淡出； fadeToggle()淡入/淡出； fadeTo(时间，0-1之间) 变浅；
slideDown()；向下滑动元素； slideUp() 向下滑动元素； slideToggle()上下滑动；
animate() 自定义动画； 可操作多个属性；使用相对值；使用预定义的值；使用队列功能
stop() 停止动画或效果，在它们完成之前 参数默认为false,true停止所有，true,true停止但要完成动作
如果您希望在一个涉及动画的函数之后来执行语句，请使用 callback 函数。
（如有强制执行的函数，想要先执行一个函数，把强制执行的函数在后面用function包起来（例如弹窗））
有一种名为链接（chaining）的技术，允许我们在相同的元素上运行多条 jQuery 命令，一条接着另一条。
提示：这样的话，浏览器就不必多次查找相同的元素。如需链接一个动作，您只需简单地把该动作追加到之前的动作上。
例：$("#p1").css("color","red").slideUp(2000).slideDown(2000);
text（）设置或返回所选元素的文本内容；
html（）设置或返回所选元素的文本内容（包括写的HTML标签属性）；
val（）设置或返回表单字段的值；
attr（）设置或改变链接中href的值；
append() 在被选元素的结尾插入内容；
prepend() 在被选元素的开头插入内容；
after() 在被选元素之后插入内容； } 适用于img
before() 在被选元素之前插入内容；} 适用于img
remove（） 删除被选元素（包括子元素）； 可传参数，允许对被删除元素进行过滤；
empty()从被选元素中删除子元素；
addClass() 向被选元素添加一个或多个类； ()里面添加css写好属性的类名。
removeClass() 从被选元素删除一个或多个类； ()里面添加css写好属性的类名。
toggleClass()对被选元素进行添加/删除类的切换操作; ()里面添加css写好属性的类名。
parent() 返回被选元素的直接父元素；
parents()返回被选元素的所有祖先元素；
children() 方法返回被选元素的所有直接子元素； 括号里可传参数过滤对子元素的搜索；
find（） 返回被选元素的所有子元素，括号里可传参数过滤对子元素的搜索，加*号可返回所有后代；
siblings（） 方法返回被选元素的所有同胞元素，可选参数过滤对同胞元素的搜素；
next() 方法返回被选元素的下一个同胞元素；
nextAll() 方法返回被选元素的所有跟随的同胞元素；
nextUntil()方法返回介于两个给定参数之间所有跟随的同胞元素；