jQuery

//////////2017-1-16 ~ 2017-1-19///////////

int study_data(){

CSS(Cascading Style Sheets)

层叠样式表使用方法：
1.外联式Linking(也叫外部样式)：将网页链接到外部样式表。
2.嵌入式Embedding(也叫内页样式)：在网页上创建嵌入的样式表。
3.内联式Lnline(也叫行内样式)：应用内嵌样式到各个网页元素。
优先级：内联式 > 嵌入式 > 

外联式CSS语法：
主要由2个部分构成：选择器，以及一条或多条声明构成
selector {declaration1;declaration2;...}

id选择器：
id选择其前面有一个#号，称为棋盘号或井号
#intro {font-weight:bold;}

类选择器：
允许以一种独立于文档元素的方式来指定样式，可以单独使用，也可以与其他元素结合使用

    this heading is important

.important {color:red}

元素选择器：
最常见的选择器，可以将某个样式从一个元素切换到另一个元素
html{color:black;}p {color:gray;}

属性选择器：
根据元素的属性以及属性值来选择元素
把包含标题的所有元素变为红色：
[title] {color:red;}
对同时有href和title的锚元素应用样式：
a[href][title] {color:red;}

后代选择器：
只对h1元素中的em元素应用样式：
h1 em {color：red;}

子元素选择器：
当不希望选择任意的后代元素，而是希望缩小范围，只选择某个元素的子元素时使用。
只对h1元素的子元素的strong元素应用样式：
h1 > strong {color:red;} 

多个选择器可以用","来同时使用
,,
选择器派生，用空格分隔，前选择器内继续选择

CSS样式：

CSS 允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果。
CSS 在这方面的能力远远在 HTML 之上。

background-color             -  背景色
background-image           -  背景图片
background-repeat           -  背景重复
background-position         -  背景位置
background-attachment    -  背景关联(位置是否固定)
text-indent                         -  文本缩进
text-align                           -  文本行对齐方式
word-spacing                    -  单词间距
letter-spacing                    -  字符间距
text-transform                    -  字符转换(大小写)
text-decoration                   -  文本装饰
white-space                       -  设置空白符
direction                             -  文本方向
font-family                          -  字体系列
font-style                            -  字体风格
font-variant                         -  字体变形
font-weight                         -  字体加粗
font-size                             -  字体大小
a:link                                  -  未被访问的链接
a:visited                             -  已访问的链接
a:hover                              -  鼠标位于链接的上方(a:hover 必须位于 a:link 和 a:visited 之后)
a:active                             -  链接被点击的时刻(a:active 必须位于 a:hover 之后)
text-decoration                  -  文本修饰
list-style-type                     -  列表类型
list-style-image                  -  列表项图像
list-style-position               -  列表标志位置
list-style                             -  列表样式
border                                -  边框
border-collapse                  -  折叠边框
width                                  -  宽度
height                                 -  高度
vertical-align                       -  垂直对齐方式
padding                              -  内边距
margin                                -  外边距
outline                                -  所有的轮廓属性
outline-color                       -  轮廓颜色
outline-style                       -  轮廓样式
outline-width                      -  轮廓宽度

jQuery

jQuery事件处理
事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”（或“激发”）经常会被使用。
通常会把 jQuery 代码放到 部分的事件处理方法中
实例：

This is a heading

This is a paragraph.

This is another paragraph.

Click me

jQuery 名称冲突
jQuery 使用 $ 符号作为 jQuery 的简介方式。
某些其他 JavaScript 库中的函数（比如 Prototype）同样使用 $ 符号。
jQuery 使用名为 noConflict() 的方法来解决该问题。
var jq=jQuery.noConflict()，帮助您使用自己的名称（比如 jq）来代替 $ 符号。

jQuery 事件函数
bind()                                   - 向匹配元素附加一个或更多事件处理器
blur()                                    - 触发、或将函数绑定到指定元素的 blur 事件
change()                              - 触发、或将函数绑定到指定元素的 change 事件
click()                                   - 触发、或将函数绑定到指定元素的 click 事件
dblclick()                              - 触发、或将函数绑定到指定元素的 double click 事件
delegate()                            - 向匹配元素的当前或未来的子元素附加一个或多个事件处理器
die()                                     - 移除所有通过 live() 函数添加的事件处理程序。
error()                                  - 触发、或将函数绑定到指定元素的 error 事件
event.isDefaultPrevented() - 返回 event 对象上是否调用了 event.preventDefault()。
event.pageX                       - 相对于文档左边缘的鼠标位置。
event.pageY                       - 相对于文档上边缘的鼠标位置。
event.preventDefault()        - 阻止事件的默认动作。
event.result                         - 包含由被指定事件触发的事件处理器返回的最后一个值。
event.target                         - 触发该事件的 DOM 元素。
event.timeStamp                 - 该属性返回从 1970 年 1 月 1 日到事件发生时的毫秒数。
event.type                           - 描述事件的类型。
event.which                         - 指示按了哪个键或按钮。
focus()                                 - 触发、或将函数绑定到指定元素的 focus 事件
keydown()                           - 触发、或将函数绑定到指定元素的 key down 事件
keypress()                           - 触发、或将函数绑定到指定元素的 key press 事件
keyup()                                - 触发、或将函数绑定到指定元素的 key up 事件
live()                                    - 为当前或未来的匹配元素添加一个或多个事件处理器
load()                                   - 触发、或将函数绑定到指定元素的 load 事件
mousedown()                      - 触发、或将函数绑定到指定元素的 mouse down 事件
mouseenter()                      - 触发、或将函数绑定到指定元素的 mouse enter 事件
mouseleave()                      - 触发、或将函数绑定到指定元素的 mouse leave 事件
mousemove()                      - 触发、或将函数绑定到指定元素的 mouse move 事件
mouseout()                          - 触发、或将函数绑定到指定元素的 mouse out 事件
mouseover()                        - 触发、或将函数绑定到指定元素的 mouse over 事件
mouseup()                           - 触发、或将函数绑定到指定元素的 mouse up 事件
one()                                   - 向匹配元素添加事件处理器。每个元素只能触发一次该处理器。
ready()                                - 文档就绪事件（当 HTML 文档就绪可用时）
resize()                                - 触发、或将函数绑定到指定元素的 resize 事件
scroll()                                 - 触发、或将函数绑定到指定元素的 scroll 事件
select()                                - 触发、或将函数绑定到指定元素的 select 事件
submit()                               - 触发、或将函数绑定到指定元素的 submit 事件
toggle()                               - 绑定两个或多个事件处理器函数，当发生轮流的 click 事件时执行。
trigger()                                - 所有匹配元素的指定事件
triggerHandler()                   - 第一个被匹配元素的指定事件
unbind()                               - 从匹配元素移除一个被添加的事件处理器
undelegate()                        - 从匹配元素移除一个被添加的事件处理器，现在或将来
unload()                               - 触发、或将函数绑定到指定元素的 unload 事件

jQuery 属性操作
addClass()                           - 向匹配的元素添加指定的类名。
attr()                                     - 设置或返回匹配元素的属性和值。
hasClass()                            - 检查匹配的元素是否拥有指定的类。
html()                                    - 设置或返回匹配的元素集合中的 HTML 内容。
removeAttr()                         - 从所有匹配的元素中移除指定的属性。
removeClass()                      - 从所有匹配的元素中删除全部或者指定的类。
toggleClass()                        - 从匹配的元素中添加或删除一个类。
val()                                      - 设置或返回匹配元素的值。

jQuery 效果函数
animate()                              - 对被选元素应用“自定义”的动画
clearQueue()                        - 对被选元素移除所有排队的函数（仍未运行的）
delay()                                  - 对被选元素的所有排队函数（仍未运行）设置延迟
dequeue()                             - 运行被选元素的下一个排队函数
fadeIn()                                 - 逐渐改变被选元素的不透明度，从隐藏到可见
fadeOut()                              - 逐渐改变被选元素的不透明度，从可见到隐藏
fadeTo()                                - 把被选元素逐渐改变至给定的不透明度
hide()                                    - 隐藏被选的元素
queue()                                 - 显示被选元素的排队函数
show()                                   - 显示被选的元素
slideDown()                           - 通过调整高度来滑动显示被选元素
slideToggle()                          - 对被选元素进行滑动隐藏和滑动显示的切换
slideUp()                               - 通过调整高度来滑动隐藏被选元素
stop()                                    - 停止在被选元素上运行动画
toggle()                                 - 对被选元素进行隐藏和显示的切换

jQuery 文档操作
addClass()                           - 向匹配的元素添加指定的类名。
after()                                   - 在匹配的元素之后插入内容。
append()                              - 向匹配元素集合中的每个元素结尾插入由参数指定的内容。
appendTo()                          - 向目标结尾插入匹配元素集合中的每个元素。
attr()                                     - 设置或返回匹配元素的属性和值。
before()                                - 在每个匹配的元素之前插入内容。
clone()                                  - 创建匹配元素集合的副本。
detach()                                - 从 DOM 中移除匹配元素集合。
empty()                                 - 删除匹配的元素集合中所有的子节点。
hasClass()                            - 检查匹配的元素是否拥有指定的类。
html()                                    - 设置或返回匹配的元素集合中的 HTML 内容。
insertAfter()                          - 把匹配的元素插入到另一个指定的元素集合的后面。
insertBefore()                       - 把匹配的元素插入到另一个指定的元素集合的前面。
prepend()                             - 向匹配元素集合中的每个元素开头插入由参数指定的内容。
prependTo()                          - 向目标开头插入匹配元素集合中的每个元素。
remove()                               - 移除所有匹配的元素。
removeAttr()                          - 从所有匹配的元素中移除指定的属性。
removeClass()                       - 从所有匹配的元素中删除全部或者指定的类。
replaceAll()                            - 用匹配的元素替换所有匹配到的元素。
replaceWith()                         - 用新内容替换匹配的元素。
text()                                       - 设置或返回匹配元素的内容。
toggleClass()                          - 从匹配的元素中添加或删除一个类。
unwrap()                                 - 移除并替换指定元素的父元素。
val()                                        - 设置或返回匹配元素的值。
wrap()                                     - 把匹配的元素用指定的内容或元素包裹起来。
wrapAll()                                 - 把所有匹配的元素用指定的内容或元素包裹起来。
wrapinner()                            - 将每一个匹配的元素的子内容用指定的内容或元素包裹起来。

jQuery Ajax 操作函数
jQuery.ajax()            - 执行异步 HTTP (Ajax) 请求。
.ajaxComplete()       - 当 Ajax 请求完成时注册要调用的处理程序。这是一个 Ajax 事件。
.ajaxError()              - 当 Ajax 请求完成且出现错误时注册要调用的处理程序。这是一个 Ajax 事件。
.ajaxSend()              - 在 Ajax 请求发送之前显示一条消息。
jQuery.ajaxSetup()   - 设置将来的 Ajax 请求的默认值。
.ajaxStart()               - 当首个 Ajax 请求完成开始时注册要调用的处理程序。这是一个 Ajax 事件。
.ajaxStop()               - 当所有 Ajax 请求完成时注册要调用的处理程序。这是一个 Ajax 事件。
.ajaxSuccess()         - 当 Ajax 请求成功完成时显示一条消息。
jQuery.get()              - 使用 HTTP GET 请求从服务器加载数据。
jQuery.getJSON()     - 使用 HTTP GET 请求从服务器加载 JSON 编码数据。
jQuery.getScript()     - 使用 HTTP GET 请求从服务器加载 JavaScript 文件，然后执行该文件。
.load()                      - 从服务器加载数据，然后把返回到 HTML 放入匹配元素。
jQuery.param()        - 创建数组或对象的序列化表示，适合在 URL 查询字符串或 Ajax 请求中使用。
jQuery.post()           - 使用 HTTP POST 请求从服务器加载数据。
.serialize()               - 将表单内容序列化为字符串。
.serializeArray()      - 序列化表单元素，返回 JSON 数据结构数据。

}