通过 jQuery,您可以把动作/方法链接起来。
Chaining 允许我们在一条语句中允许多个 jQuery 方法(在相同的元素上)。
jQuery 方法链接
直到现在,我们都是一次写一条 jQuery 语句(一条接着另一条)。
不过,有一种名为链接(chaining)的技术,允许我们在相同的元素上运行多条 jQuery 命令,一条接着另一条。
提示:这样的话,浏览器就不必多次查找相同的元素。
如需链接一个动作,您只需简单地把该动作追加到之前的动作上。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="js/jquery-1.8.0.js"></script>
<script type="text/javascript">
$(function(){
$("#btn").click(function(){
$(".info").css("color","red").slideUp("slow").slideDown(2000);
});
});
</script>
</head>
<body align="center">
<p class="info">jquery支持链式操作,如此这般,可以将颜色、滑动一起控制</p>
<input id="btn" type="button" value="点击我看效果"/>
</body>
</html>