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()那样用。
--未完待续--
分享到：
相关推荐
Delphi 的链式代码.mht
在PHP编程中，链式编码是一种常见的编程技巧，它允许我们通过连续调用同一个对象的多个方法来构建复杂的逻辑，从而提高代码的可读性和简洁性。这种模式常见于ORM（对象关系映射）框架中，如Laravel的Eloquent。下面...
在实现二叉树时，我们通常有两种主要的数据结构表示方式：链式结构和顺序结构。 **链式二叉树** 链式二叉树是二叉树最常见的表示方法，每个节点包含三个部分：数据域、指向左子节点的指针和指向右子节点的指针。...
简单易懂，大二学生编写的，作为指导自己操作的代码是十分好的~ 实验1为顺序结构 实验2为链式结构
下面我们将详细探讨如何用链式存储实现队列，并介绍相关代码实现： 1. **创建队列** 创建链式队列首先需要初始化队首和队尾指针。在C语言中，可以定义一个结构体来表示队列节点： ```c typedef struct Node { ...
在链式二叉树的代码实现中，可能会包含以下部分： 1. 结构定义：定义二叉树节点的数据结构，包括数据域和两个指针域。 2. 初始化：创建新的空二叉树或者从已有节点构建二叉树。 3. 插入函数：实现节点的插入操作，...
链式队列的算法c代码链式队列的算法c代码
在Swift编程语言中，链式调用是一种优雅的编程风格，它可以使得代码更加简洁、易读，特别是当处理多个连续操作时。`YQChainTask`项目就是为了解决这一问题，它提供了一种轻量级的方式来实现链式任务调用，而且全部...
链式哈希表是一种常见的数据结构，用于存储和检索数据，它结合了数组和链表的特点，以提高数据存取的效率。哈希表（Hash Table）的...同时，提供的"HashTable"文件可能包含进一步的示例代码或练习，帮助你巩固理解。
该代码已在 vc6.0编译平台运行测试通过，主要完成队列先进先出的数据存储结构，用链表实现，各子函数有详细的注释，思路清晰，希望对学习数据结构的同志有所帮助……
3. **简洁的代码**：链式编程使得代码更紧凑，减少了代码量，降低了出错的可能性。 然而，链式编程也有一些潜在的缺点和注意事项： 1. **错误处理**：由于每个方法都必须返回对象自身以支持链式调用，这可能会使得...
本资料包包含了线性表的顺序存储和链式存储两种实现方式的代码，下面我们将详细探讨这两种实现方法。 1. **顺序存储**： 顺序存储是最直观的线性表实现方式，它将线性表中的元素存储在一块连续的内存空间中。这种...
看到有些朋友上传自己写的链式语法代码库,但是他们的库有限,只是一些UI库,我发现其中的规律是非readonly的属性都可以用来做链式语法,就做了这个工具,来一键自动生成系统所有的最新的链式语法代码库,而且不用担心系统...
数据结构链式表是计算机科学中的基础概念，它在编程领域有着广泛的应用。本文将深入探讨链式表的原理、实现以及在C#语言中的应用，以VS2008开发环境为例，涵盖单链表、循环链表和双链表。 首先，链式表是一种动态...
JAVA语言实现数据的链式结构 分享下挣挣人气
链式调用不换行"这一主题主要涉及JavaScript编程语言中的代码规范，包括函数调用时的空格使用以及链式调用的样式规则。 首先，我们来探讨函数调用时的小括号前后的空格问题。在JavaScript中，根据一些流行的编码...
栈的链式表示c源代码，对栈的基本操作都有详细的源代码可以直接运行
本问题涉及的是链式存储的实现，具体是用C++语言编写线性表的链式表示，包括插入、删除等基本操作。 首先，链式存储结构是一种动态存储结构，它通过节点间的指针链接来表示元素之间的逻辑关系。在这个例子中，...
链模式 链模式是一种链式调用的方式，准确来说不属于通常定义的设计模式范畴，但链式调用是一种非常有用的代码构建技巧。 描述 链式调用在JavaScript语言中很常见，如jQuery、Promise等，都是使用的链式调用，...
链式队列是一种数据结构，它是队列的一种实现方式，主要用在计算机科学的数据处理中。与传统的数组实现的顺序队列不同，链式队列使用链表来存储元素，这样可以更灵活地处理动态变化的容量需求。下面将详细阐述链式...