`
吕金含
  • 浏览: 84745 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

jQuery - Chaining

 
阅读更多
jQuery - Chaining
通过 jQuery,您可以把动作/方法链接起来。
Chaining 允许我们在一条语句中允许多个 jQuery 方法(在相同的元素上)。
jQuery 方法链接
直到现在,我们都是一次写一条 jQuery 语句(一条接着另一条)。
不过,有一种名为链接(chaining)的技术,允许我们在相同的元素上运行多条 jQuery 命令,一条接着另一条。
提示:这样的话,浏览器就不必多次查找相同的元素。
如需链接一个动作,您只需简单地把该动作追加到之前的动作上。
例子 1
下面的例子把 css(), slideUp(), and slideDown() 链接在一起。"p1" 元素首先会变为红色,然后向上滑动,然后向下滑动:
$("#p1").css("color","red").slideUp(2000).slideDown(2000);
如果需要,我们也可以添加多个方法调用。
提示:当进行链接时,代码行会变得很差。不过,jQuery 在语法上不是很严格;您可以按照希望的格式来写,包含折行和缩进。
例子 2
这样写也可以运行:
$("#p1").css("color","red")
.slideUp(2000)
.slideDown(2000);
jQuery 会抛掉多余的空格,并按照一行长代码来执行上面的代码行。
分享到:
评论

相关推荐

    jquery-1.11.3.js 、jquery-1.11.3.min.js 【官方jquery包 js】

    6. **链式操作(Chaining)** jQuery的一个显著特点是链式操作,一个jQuery对象可以连续调用多个方法,这使得代码更加紧凑,如 `$("#element").addClass("active").slideDown();` 7. **插件扩展(Plugins)** ...

    jquery-1.5.1.js;jquery-1.5.1.min.js 框架

    6. **链式操作(Chaining)**:jQuery的对象返回自身,允许连续调用多个方法,如`$("p").addClass("highlight").css("color", "red");`。 7. **插件生态(Plugin Ecosystem)**:jQuery拥有庞大的插件库,覆盖了...

    jquery-1.3.2.min.js

    - **链式操作(Chaining)**:jQuery对象允许连续调用多个方法,如$("#element").css("color", "red").slideUp(),提高了代码的效率和可读性。 - **事件处理(Events)**:jQuery提供了一套统一的事件处理方式,如...

    jquery-1.2-UnCompressed

    - **链式调用(Chaining)**:jQuery方法返回的是jQuery对象本身,因此可以连续调用多个方法,如`$("#element").hide().fadeIn()`。 - **DOM操作(DOM Manipulation)**:提供了便利的DOM操作接口,如.append(),....

    jquery-1.6.1最新版

    6. **链式操作(Chaining)**:jQuery对象可以返回自身,使得多个操作可以连续书写在同一行,如`$("p").css("color", "red").fadeIn(500)`,这大大提高了代码的可读性。 在提供的压缩包中,有两个文件: - `jquery-...

    JQuery-latest-Chinese-document.rar_jquery_jquery-latest

    4. **方法链(Method Chaining)**:jQuery对象支持方法链,使得代码更紧凑易读。例如,`$("#myDiv").hide().fadeIn(500)`会先隐藏元素,然后在500毫秒内淡入显示。 5. **动画(Animations)**:jQuery 包含丰富的...

    jquery-2.2.4

    2. **链式调用(Chaining)**:jQuery对象支持链式调用,这意味着你可以在一个句柄上连续执行多个方法,如`$("#element").hide().fadeIn(500)`,先隐藏元素再逐渐显示。 3. **DOM操作(DOM Manipulation)**:...

    jquery-1.3.2.min js包

    6. **链式操作(Chaining)**:jQuery对象的方法返回的都是jQuery对象本身,这使得多个操作可以连续调用,如`$("#element").addClass("highlight").css("color", "red")`。 7. **插件生态(Plugins)**:jQuery拥有...

    jquery-1.3.1.js

    6. **链式操作(Chaining)** jQuery 的方法返回的是 jQuery 对象本身,这使得可以进行链式调用,如 `$().css().html().append()`,提高代码的可读性和效率。 7. **插件扩展(Plugin Development)** jQuery ...

    jquery-3.2.1 API参考手册.chm

    8. **链式操作(Chaining)**:jQuery方法返回的是jQuery对象本身,这使得多个操作可以连续调用,如`$(element).css('color', 'red').slideUp();` 9. **插件(Plugins)**:jQuery拥有庞大的插件生态系统,如jQuery...

    jquery-1.4.2.js.zip

    2. **链式操作(Chaining)**:jQuery 对象返回的是自身,使得多个操作可以连续执行,如 `$("#myDiv").addClass("highlight").fadeIn(500);`,先添加类 "highlight",然后淡入显示。 3. **DOM 操作(DOM ...

    JQ插件库jquery-1.8.3.min.js

    - **链式操作(Chaining)**:jQuery对象返回自身,允许连续调用方法,提高了代码的可读性和效率。 - **DOM操作(DOM Manipulation)**:jQuery提供了便利的DOM操作接口,如添加、删除、复制、替换元素,以及修改...

    jquery-1.4.2.main.js

    6. **链式操作(Chaining)**:jQuery的一大特色是其链式调用,一个选择器可以连续调用多个方法,提高了代码的可读性和效率。 7. **插件生态(Plugin Ecosystem)**:jQuery拥有庞大的插件生态系统,开发者可以方便...

    jquery-3.3.1.min.zip

    2. **链式操作(Chaining)**:jQuery对象可以返回自身,这使得多个操作可以连续进行,如`$("#element").addClass("highlight").css("color", "red")`。 3. **DOM操作(DOM Manipulation)**:jQuery提供了一套API...

    jquery-1.4.2.min.zip

    6. **链式操作(Chaining)**:jQuery允许连续调用方法,如$("#element").addClass("highlight").css("color", "red"),这大大提高了代码的可读性和效率。 7. **插件系统(Plugin System)**:jQuery的强大力量也...

    jquery JQuery API.CHM jquery-1.2.min.js

    2. **链式操作(Chaining)**:jQuery对象返回的是jQuery实例,这意味着可以连续调用多个方法,如`$("#element").hide().fadeIn()`,先隐藏元素再淡入显示。 3. **DOM操作(DOM Manipulation)**:jQuery提供了一...

    jQuery-1.6 API 中文版

    7. **链式操作(Chaining)**:jQuery对象返回的是一个jQuery集合,允许连续调用多个方法,如`$("#element").css("color", "red").fadeIn(500)`。 8. **数据存储(Data)**:`data(key, value)`用于在元素上存储...

    jquery-1.4.2-vsdoc 中文帮助文档

    6. **链式操作(Chaining)**:jQuery对象支持链式调用,使得多步操作更加简洁,如 `$('div').hide().slideUp(500).addClass('hidden')`。 7. **插件系统(Plugins)**:jQuery 社区提供了大量的插件,如用于表单...

    jQuery-apii

    - **链式调用(Chaining)**: jQuery对象的方法返回的是jQuery对象本身,这使得多个操作可以连续执行,提高代码的可读性和效率。 2. **DOM操作** - **DOM选择(Element Selection)**: `$(selector)`用于选取DOM...

    jquery-1.7.1(普通版、min版,1.4API中文帮助)

    - **链式操作(Chaining)**:jQuery对象可以连续调用多个方法,使得代码更简洁、易读。 - **DOM操作(DOM Manipulation)**:包括添加、删除、复制、移动DOM元素,以及设置或获取元素的属性和内容。 - **事件处理...

Global site tag (gtag.js) - Google Analytics