链接函数如何在JQuery中执行?

Par*_*nak 6 jquery method-chaining

当一个函数在JQuery中链接时,操作的顺序是什么?

例1

$(selector).fun1(val,{fun2(){ }}
Run Code Online (Sandbox Code Playgroud)

例2

$(selecter).fun1().fun2().fun3() 
Run Code Online (Sandbox Code Playgroud)

Pek*_*ica 8

从左到右.fun3()上的运行结果(=返回值)fun2(),fun2()在该的fun1().

这种链接可以在JQuery中完成,因为每个可链接的函数都返回它被调用的对象/元素.

所以在执行后$(selector).fun1()返回$(selector)元素.fun2()从返回的元素调用,依此类推.


Nic*_*ver 6

在这个例子中:

$(selector).fun1(val,{fun2(){ }}
Run Code Online (Sandbox Code Playgroud)

第一个函数的参数是回调函数.这意味着fun1执行THEN fun2执行.

在这个例子中:

$(selecter).fun1().fun2().fun3()
Run Code Online (Sandbox Code Playgroud)

如果它们有持续时间,就像动画一样,所有函数都会尽快被触发.否则,他们的顺序执行fun1,fun2,fun3.

因此,与动画fun1,fun2并且fun3将3级simultaenous重叠的动画,但与其他同步操作,他们只是为了发生.