Jquery
1.在head 中 引入
<script src="//code.jquery.com/jquery-1.11.3.min.js">$是 jquery的别名
id：$('#id')
tag：$('tag')
class：$('.class') $('.class.class')
name：$('[name=name]')
$(this).hide() - 隐藏当前元素
$(document).ready(function(){
text("")可以转义 HTML 不会转义
后 ：apend（） 前：prepend（） 里面
after（） before（） 外面
remove（） 自己带儿子全没了
empty（）儿子没了
parent（）父元素 parents（） 所有父加爷爷元素
parentsUntil（“div”） 找父元素直到是div
closest（条件）查找条件元素离得最近的
children（） 所有儿子标签 没有孙子标签
find（条件//".sd"） 找到类为sd 的 所有儿子及孙子
sublings（） 所有邻居元素 反方向
next（）下一个 nextall（）下面所有的 prev（） prevall（）
nextUntil（条件） 两者之间的 prevUntil（）
first（） last（） eq（n）第n个 filter（多个条件//，） 得到满足条件的 not（） 不满足的
--- jQuery functions go here ----
});
为了防止文档在完全加载（就绪）之前运行 jQuery 代码。
$("p#demo") 选取所有 id="demo" 的 <p> 元素。
多个条件可以直接写在一起 字母开头的不能写在一起
$('p[name="b"]').hide();
$("th,td,.intro") 并集
ajax
1简写
$("input").keyup(function(){
txt=$("input").val();
$.post("demo_ajax_gethint.asp",{suggest:txt},function(result){
$("span").html(result);
});
});
jqXHR 对象
对于 jQuery 1.5，所有 jQuery 的 AJAX 方法返回的是 XMLHTTPRequest 对象的超集。由 $.post() 返回的 jQuery XHR 对象或 "jqXHR,"实现了约定的接口，赋予其所有的属性、方法，以及约定的行为。出于对由 $.ajax() 使用的回调函数名称便利性和一致性的考虑，它提供了 .error(), .success() 以及 .complete() 方法。这些方法使用请求终止时调用的函数参数，该函数接受与对应命名的 $.ajax() 回调函数相同的参数。
jQuery 1.5 中的约定接口同样允许 jQuery 的 Ajax 方法，包括 $.post()，来链接同一请求的多个 .success()、.complete() 以及 .error() 回调函数，甚至会在请求也许已经完成后分配这些回调函数。
// 请求生成后立即分配处理程序，请记住该请求针对 jqxhr 对象
var jqxhr = $.post("example.php", function() {
alert("success");
})
.success(function() { alert("second success"); })
.error(function() { alert("error"); })
.complete(function() { alert("complete"); });
// 在这里执行其他任务
// 为上面的请求设置另一个完成函数
jqxhr.complete(function(){ alert("second complete"); });
2
$.ajax({ type: 'POST', url: url, data: data, success: success, dataType: dataType });
$('p').on('click',function(){})
on 是底层函数 能绑定多个事件
事件能够传递
$("#table").on("click","tr",function(){})
$("ul > li") 紧随其后的li
$("ul li") ul 下的所有li${"ul"}.on("click","li",{name:"HTML"},function(event){
event.data.name //HTML
});
AJAX
selector.load(url,data,function(){
});
get
get（‘’，‘’）纯粹拿数据
$.getJSON("json对象" function（data）{
解析为json对象
})
$.getScript（“js代码”）直接执行
post
回调函数
$.post(url,jsondata,function(data(回调数据)){
解析data
})
回调函数可以替换
简写
$.post(url,jsondata,
.done(function(){//成功执行的})
.fail(function(){//失败的})
.always(function(){//总是执行的})
)
//$.get ()
$.ajax({url:url,data:data,success:success,dataType:dataType});
// Post JSON
$.ajax({
type:'post',
url :地址,
data:JSON.stringify(jsons数据),
contentType:"application/json;charset=utf-8",
success:function(data){}
});
jquery 动画效果
hide() show() toggle()前两者进行切换
fadeIn("slow") 淡入 fadeOut(3000//时间) fadeToggle 切换 fadeTo("slow",0.7) 透明度切换
each 遍历 查到的选择器.each(function(可以有索引) { })
选择器.data(键，值) 可以保存值'对象之类的 取data.(键)
length() size() get(n). 得到的dom对象 == eq(n)得到 jquery对象
$('selector') $拿来当函数
$.trim() $直接拿来当对象掉方法
$.parseJSON() 把json字符串 解析为JSON对象
$.isNumeric() 是数字吗
$.extend() 两个对象合并
