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()   两个对象合并