jQuery中队列queue()函数的实例教程.pdfVIP

这篇文章主要介绍了 jQuery 中队列 queue()函数的实例教程 ,queue()函数为 JavaScript 函 数的执行顺序控制操作提供了便利 ,需要的朋友可以参考下 如果当前 jQuery 对象匹配多个元素：获取队列时，只获取第一个匹配元素上的队列； 设置队列 (替换队列、追加函数 )时，则为每个匹配元素都分别进行设置。 该函数属于 jQuery 对象 (实例 ) 。如果需要移除并执行队列中的第一个函数，请使用 dequeue()函数。你也可以使用 clearQueue() 函数清空指定的队列。 语法 jQuery 1.2 新增该函数。 queue()函数具有如下两种用法： 用法一： jQueryObject.queue( [ queueName ] [, newQueue ] ) 如果没有指定任何参数或只指定了 queueName 参数， 则表示获取指定名称的函数队列。 如果指定了 newQueue 参数，则表示使用新的队列 newQueue 设置 (替换 ) 当前队列中的所有 内容。 用法二： jQueryObject.queue( [ queueName ,] callback ) 将指定的函数添加到指定的队列 (末尾 ) 。 注意： queue()函数的所有设置操作针对当前 jQuery 对象所匹配的每一个元素；所有读 取操作只针对第一个匹配的元素。 参数 请根据前面语法部分所定义的参数名称查找对应的参数。 queueName：可选 /String 类型指定的队列名称， 默认为 fx( 表示 jQuery 中的标准动画效 果队列 )。 newQueue：可选 /Array 类型用于替换当前队列内容的新队列。 callback ： Function 类型指定的函数，将会追加到队列中。该函数有一个函数参数，调 用该参数可以移除并执行队列中的第一个函数。 返回值 queue()函数的返回值是 Array/jQuery 类型，返回值的类型取决于当前 queue()函数执行 的是获取操作还是设置操作。 如果 queue()函数执行的是设置操作 (替换队列、追加函数 )，则返回当前 jQuery 对象本 身；如果是获取操作，则返回获取到的函数队列 (数组 ) 。 如果当前 jQuery 对象匹配多个元素，读取数据时， queue()函数只以其中第一个匹配的 元素为准。 实例： 1. jQuery 为我们提供了 queue()函数，来把你需要的某些代码插入到某个队列中 $(#test-change1).toggle(function(){ nbsp; $(#test-object1).hide(slow).queue(function(next){ nbsp; nbsp; $(#test-object1).appendTo($(#test-goal1)); nbsp; nbsp; next(); nbsp; }).show(slow); },function(){ nbsp; $(#test-object1).hide(slow).queue(function(next){ nbsp; nbsp; $(#test-object1).appendTo($(#test-origin1)); nbsp; nbsp; next(); nbsp; nbsp; nbsp; nbsp; }).show(slow); }); 2. 自定义队列 $(div).queue(custom, function(next) { nbsp; $(div).css({background:red}); nbsp; next(); }); 但就这段代码而已， 待你真正添加进网页，并且尝试运行，会发