jQuery - 链式操作
使用 jQuery,您可以将操作/方法链接在一起。
链式操作允许我们在单个语句中对同一个元素运行多个 jQuery 方法。
jQuery 方法链式操作
到目前为止,我们一直一次编写一个 jQuery 语句(一个接一个)。
但是,有一种称为链式操作的技术,它允许我们对同一个元素运行多个 jQuery 命令,一个接一个。
提示:这样,浏览器就不必多次查找相同的元素。
要链接一个操作,只需将该操作附加到前一个操作即可。
以下示例将 css()
、slideUp()
和 slideDown()
方法链接在一起。“p1” 元素首先变为红色,然后向上滑动,然后向下滑动。
如果需要,我们还可以添加更多方法调用。
提示:在链式操作中,代码行可能会变得很长。但是,jQuery 对语法并不严格;您可以根据需要对其进行格式化,包括换行符和缩进。
这也完全可以
jQuery 会丢弃额外的空格并将以上行作为一行代码执行。