在 jQuery 中,链式调用(Chaining) 允许您在一条语句中对同一元素连续执行多个方法,从而提高代码的可读性和执行效率。

示例:

$("#element")
  .css("color", "red")
  .slideUp()
  .slideDown();

在上述示例中,#element 元素依次执行了以下操作:

  1. 设置文本颜色为红色。
  2. 向上滑动隐藏元素。
  3. 向下滑动显示元素。

通过链式调用,您可以在一行代码中完成多个操作,避免了多次选择相同元素的重复代码。

注意事项:

  • 并非所有 jQuery 方法都支持链式调用。
  • 如果某个方法返回的是原始 DOM 元素或其他类型的对象,而非 jQuery 对象,则无法继续链式调用。

更多关于 jQuery 链式调用的详细信息,请参考 菜鸟教程