jquery1.4教程三：新增方法教程（1）

接下来几篇教程，将重点讲解jquery1.4新增的16个方法，有几个方法还是非常实用的。

clearQueue()的作用与stop(true)很类似，简化了stop(true)，在1.4后stop()主要用于终止动画，而终止队列函数使用clearQueue()，clearQueue()接受一个参数：队列名称，即移除特定队列。

源代码如下：

留意stop的监听函数中的
$(“div”).clearQueue();
$(“div”).stop();
大家可以看看将这二句其中一句注释掉后，看下效果，体会下clearQueue与stop的区别。

留意contains接受二个参数是DOM元素，如下形式：

接受二个参数：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>delay()</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<style>
div { width: 60px; height: 60px; float: left; }
.first { background-color: #3f3; }
.second { background-color: #33f;}
</style>
</head>
<body>
<p><button>运行</button></p>
<div class="first"></div>
<div class="second"></div>
<script>
$("button").click(function() {
$("div.first").slideUp(300).delay(800).fadeIn(400);
$("div.second").slideUp(300).fadeIn(400);
});
</script>
</body>
</html>

留意第一个绿色的层，在隐藏后，延迟了800毫秒才又触发fadeIn显示。

detach这个方法非常有用，作用近似于.remove()，但比remove来的强大。detach在删除的同时，会返回被删除对象。
来看demo：http://www.36ria.com/demo/jquery1.4测试/detach.html
源代码如下：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>detach()</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<style>p { background:yellow; margin:6px 0; } p.off { background: black; }</style>
</head>
<body>
<button>添加/删除段落</button>
<p>这是一个用于测试的段落</p>
<script>
var p;
$("button").click(function(){
if (p) {
p.appendTo("body");
p = null;
} else {
p = $("p").detach();
}
});
</script>
</body>
</html>

留意p = $(“p”).detach();。删除了$(“p”)。但将$(“p”)写入了p 这个变量。

所有教程结束了，将把所有demo压缩下放出。

ria之家–RIA三部曲：jquery、ext、flex