jquery的链接(chaining)技术

来源:互联网 发布:荣威e550网络连接 编辑:程序博客网 时间:2024/05/17 06:07

通过 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>