浅谈jquery高级方法描述与应用

$( "li.third-item" ).nextAll().addBack().  .css( "background-color", "red" ); 

$( "div.after-addback").find("p").addBack().addClass("background"); $( "div.after-addback").find("p").end().addClass("background"); 

var foo = function(value){   console.log( "foo:" + value ); } var callbacks = $.Callbacks(); callbacks.add(foo); callbacks.fire("hello"); callbacks.fire("world"); 

var foo = function( value ) {  console.log( "foo:" + value ); }; var bar = function( value ){  console.log( "bar:" + value ); }  var callbacks = $.Callbacks(); callbacks.add( foo ); callbacks.fire( "hello" ); // 输出 "foo: hello" callbacks.lock(); // 此后不能在调用foo方法，除非$.Callbacks("memory") ，可以add一个函数 callbacks.fire( "world" ); // 没有调用foo方法 callbacks.add( bar ); // 当callbacks 赋值为 $.Callbacks("memory") ,创建一个callback对象，使用memory标识，可以再add一个函数 callbacks.fire( "world" ); // 输出 "bar: hello" 

$(function(){   $("input[type=button]").click(function(){     $.ajax({       url : "validate.html",       type : "POST",       dataType : "json"     }).done(function(data){       alert(data.a);     }).fail(function(){       alert("error");     })   });          var dtd = $.Deferred();   var wait = function(dtd){     var tasks = function(){       alert("执行完毕！");       dtd.resolve(); // 改变Deferred对象的执行状态     }; 　　　　  setTimeout(tasks,5000); 　　 }; 　　 dtd.promise(wait); 　　 wait.done(function(){ alert("哈哈，成功了！"); }).fail(function(){ alert("出错啦！");  }); 

$( "#go" ).click(function() {  $( ".block:first" ).animate({   left: 100  }, {   duration: 1000,   step: function( now, fx ){    $( ".block:gt(0)" ).css( "left", now );   }  }); }); 

<div class="container">  <div class="hello">Hello</div>  <div class="goodbye">Goodbye</div> </div> 

$( ".hello" ).appendTo( ".goodbye" ); 

<div class="container">  <div class="goodbye">   Goodbye   <div class="hello">Hello</div>  </div> </div> 

$( ".hello" ).clone().appendTo( ".goodbye" ); 

<div class="container">  <div class="hello">Hello</div>  <div class="goodbye">   Goodbye   <div class="hello">Hello</div>  </div> </div>