浅谈jquery高级方法描述与应用
1.addBack()
a.third-item的li下几个相邻节点(包括third-item)
$("li.third-item").nextAll().addBack(). .css("background-color","red");
b.和end()方法类似,选中的是div.after-addback和p元素,end选中的是div.after-addback元素
$("div.after-addback").find("p").addBack().addClass("background"); $("div.after-addback").find("p").end().addClass("background");
2.callback.fire()
通过参数调用foo函数
varfoo=function(value){ console.log("foo:"+value); } varcallbacks=$.Callbacks(); callbacks.add(foo); callbacks.fire("hello"); callbacks.fire("world");
3.callback.lock()
锁住callback函数列表,这个方法不能接受任何参数。
varfoo=function(value){ console.log("foo:"+value); }; varbar=function(value){ console.log("bar:"+value); } varcallbacks=$.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"
4.defered.promise()
在原来的Deferred对象上返回另一个Deferred对象
$(function(){ $("input[type=button]").click(function(){ $.ajax({ url:"validate.html", type:"POST", dataType:"json" }).done(function(data){ alert(data.a); }).fail(function(){ alert("error"); }) }); vardtd=$.Deferred(); varwait=function(dtd){ vartasks=function(){ alert("执行完毕!"); dtd.resolve();//改变Deferred对象的执行状态 }; setTimeout(tasks,5000); }; dtd.promise(wait); wait.done(function(){alert("哈哈,成功了!");}).fail(function(){alert("出错啦!"); });
5.animate({step:function(){}})
一个元素动画的同时进行另一个元素的动画
$("#go").click(function(){ $(".block:first").animate({ left:100 },{ duration:1000, step:function(now,fx){ $(".block:gt(0)").css("left",now); } }); });
6.clone()
与appendTo方法同时使用,创建一个克隆的元素
<divclass="container"> <divclass="hello">Hello</div> <divclass="goodbye">Goodbye</div> </div>
$(".hello").appendTo(".goodbye");
结果是:
<divclass="container"> <divclass="goodbye"> Goodbye <divclass="hello">Hello</div> </div> </div>
$(".hello").clone().appendTo(".goodbye");
结果是:
<divclass="container"> <divclass="hello">Hello</div> <divclass="goodbye"> Goodbye <divclass="hello">Hello</div> </div> </div>
以上就是小编为大家带来的浅谈jquery高级方法描述与应用全部内容了,希望大家多多支持毛票票~