日期: 2022-09-21 04:24:29 浏览数:4

上往建站提供服务器空间服务商,百度快照排名,网站托管,百度推广运营,致力于设计外包服务与源代码定制开发,360推广,搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营:网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务,专业团队服务,效果好。
上饶公众号代运营公司

jQuery - 链(Chaining)
通过 jQuery,可以把动作/方法链接在一起。
Chaining 允许我们在一条语句中运行多个 jQuery 方法(在相同的元素上)。
jQuery 方法链接
直到现在,我们都是一次写一条 jQuery 语句(一条接着另一条)。
不过,有一种名为链接(chaining)的技术,允许我们在相同的元素上运行多条 jQuery 命令,一条接着另一条。
提示: 这样的话,浏览器就不必多次查找相同的元素。
如需链接一个动作,您只需简单地把该动作追加到之前的动作上。
下面的例子把 css()、slideUp() 和 slideDown() 链接在一起。"p1" 元素首先会变为红色,然后向上滑动,再然后向下滑动:
实例
$("#p1").css("color","red").slideUp(2000).slideDown(2000);
尝试一下 »
如果需要,我们也可以添加多个方法调用。
提示:当进行链接时,代码行会变得很长。不过,jQuery 语法不是很严格;您可以按照希望的格式来写,包含换行和缩进。
如下书写也可以很好地运行:
实例
$("#p1").css("color","red")
.slideUp(2000)
.slideDown(2000);
尝试一下 »
jQuery 会抛掉多余的空格,并当成一行长代码来执行上面的代码行。
上往建站提供搭建网站,域名注册,官网备案服务,网店详情页设计,企业网店,专业网络店铺管理运营全托管公司咨询电话,服务器空间,微信公众号托管,网页美工排版,致力于域名申请,竞价托管,软文推广,全网营销,提供标准级专业技术保障,了却后顾之忧,主营:虚拟主机,网站推广,百度竞价托管,网站建设,上网建站推广服务,网络公司有哪些等业务,专业团队服务,效果好。
服务热线:400-111-6878 手机微信同号:18118153152(各城市商务人员可上门服务)
被立即停止的动画不会触发回调,被立即完成的动画会触发回调。
$(document).ready(function(){ $("button").click(function(){ $("p").hide(3000,function(){ alert("段落现在被隐藏了"); }); }); $("#happy").click(function(){ $("p").stop(false,true); });});尝试一下 »
Approid
lv4***@126.com
巴贝
BB_***455585@163.com
如果动画有队列的话,想实现其快速完成所有动画并停止,就要相应的与队列数对应条数的停止语句(鄙人陋见,仅供参考)。
$(document).ready(function(){ $("#start").click(function(){ $("div").animate({left:'300px'},5000); $("div").animate({fontSize:'3em'},5000); }); $("#stop1").click(function(){ $("div").stop(); }); $("#stop2").click(function(){ $("div").stop(true); }); $("#stop3").click(function(){ $("div").stop(false,true); $("div").stop(false,true); });});巴贝
BB_***455585@163.com
MCCF
353***4841@qq.com
jQuery Callback 只接受 Function,否则不会执行回调。
如以下三种方式都传入一个 Function,在动画结束后执行:
$("p").hide("slow",function(){ alert("Now it's invisible");});var func=function(){ alert("Now it's invisible");}$("p").hide("slow",func);function func(){ alert("Now it's invisible");}$("p").hide("slow",func);但要注意,使用函数名可获取一个 Function 函数对象,但是 func() 这样的形式会执行函数并返回值。比如使用以下方式:
$("p").hide("slow",func());可以看到,解释器为了确定第二个参数值,会在调用 hide 函数时就执行 func 函数,因此其看来是在动画开始前执行。
因此需要记住:JavaScript 中不带括号的函数名是传入一个可供调用的函数,带括号会执行该函数并返回其返回值。