//////////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;}类选择器：
允许以一种独立于文档元素的方式来指定样式，可以单独使用，也可以与其他元素结合使用
<h1 class="important">
this heading is important
</h1>
.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;}多个选择器可以用","来同时使用
<selector1>,<selector2>,<selector3>
选择器派生，用空格分隔，前选择器内继续选择
<selector1> <selector2> <selector3>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 代码放到 部分的事件处理方法中
实例：<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>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 数据结构数据。
}
网友评论