浅谈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高级方法描述与应用全部内容了，希望大家多多支持毛票票~