jQuery入门[4]－链式代码 jQuery入门[1]－构造函数
jQuery入门[2]－选择器
jQuery入门[3]－事件
jQuery入门[4]－链式代码
jQuery入门[5]－AJAX
jQuery入门[6]－动画
jQuery另一个很令人惬意的地方是，一般的代码都是一行一行写，jQuery的代码可以一串一串写。
这一点，在前面的文章中已经介绍过了。
直接来一个Demo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>chainning code</title>
<script src="../scripts/jquery-1.2.3.intellisense.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
//添加四个按钮
$('<input type="button" value="click me"/><input type="button" value="triggle click me"/><input type="button" value="detach handler"/><input type="button" value="show/hide text"/>').appendTo($('body'));
//找出所有按钮
$('input[type="button"]')
.eq(0)//找到第一个按钮
.click(function(){
alert('you clicked me!');
})
.end().eq(1)//返回所有按钮，再找到第二个
.click(function(){
$('input[type="button"]:eq(0)').trigger('click');
})
.end().eq(2)//返回所有按钮，再找到第三个
.click(function(){
$('input[type="button"]:eq(0)').unbind('click');
})
.end().eq(3)//返回所有按钮，再找到第四个
.toggle(function(){
$('.panel').hide('slow');
},function(){
$('.panel').show('slow');
});
});
</script>
<style type="text/css">
.panel
{
padding: 20px;
background-color: #000066;
color: #FFFFFF;
font-weight: bold;
width: 200px;
height: 50px;
}
</style>
</head>
<body>
<div class="panel">welcome to jQuery!</div>
</body>
</html>
现在，链式代码已经成为jQuery非常流行的一个特点了，在使用链条方式写代码时，可能会用到eq()/filter()……（reference:http://docs.jquery.com/Traversing）等方法变化jQuery对象的对应范围，然后，又可以用end()函数将范围复原到原来的状况。
需要注意的是，有几个函数并不返回jQuery对象，所以链条就不能继续下去，比如get()就不能像eq()那样用。
--未完待续--
分享到：
相关推荐
PHP开源链式代码封装、数组、字符串、验证代码实例
Delphi 的链式代码.mht
实现二叉树抽象数据类型的基本操作，有顺序和链式结构两种。
简单易懂，大二学生编写的，作为指导自己操作的代码是十分好的~ 实验1为顺序结构 实验2为链式结构
队列的链式存储与实现。采用链式存储的方式实现队列，并实现了一些基本功能，包括创建、销毁、清空、追加、读取等一些常规的操作。
线性表的链式表示C++代码 完成插入删除等算法
链式队列的算法c代码链式队列的算法c代码
数据结构链式表，c# 源代码，vs2008版本,包含单链表，循环链表，双链表
该代码已在 vc6.0编译平台运行测试通过，主要完成队列先进先出的数据存储结构，用链表实现，各子函数有详细的注释，思路清晰，希望对学习数据结构的同志有所帮助……
看到有些朋友上传自己写的链式语法代码库,但是他们的库有限,只是一些UI库,我发现其中的规律是非readonly的属性都可以用来做链式语法,就做了这个工具,来一键自动生成系统所有的最新的链式语法代码库,而且不用担心系统...
JAVA语言实现数据的链式结构 分享下挣挣人气
YQChainTask：Swift链式调用，50行不到代码实现 的 链式任务调用
栈的链式表示c源代码，对栈的基本操作都有详细的源代码可以直接运行
数据结构中线性表的顺序和链式实现程序代码
1.C 语言实现的线性表的链式存储功能 2.包含测试用例代码
链式栈的进制转换源代码 #define datatype int typedef struct stacknode { int num; datatype data; struct stacknode *pNext; }StackNode; StackNode * init(StackNode * phead);//初始化 StackNode * push...
基于链式存储结构的有序表的合并，绝对有用！！！！！
链式哈希表，博文讲解地址：http://blog.csdn.net/u012819339/article/details/49871469
内部文件5个 按需求拼接添加即可 二叉树 链接二叉树的相关主要代码
c语言 栈的顺序和链式实现代码ppt 数据结构课程内容