Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

jQuery - 链式操作


使用 jQuery,您可以将操作/方法链接在一起。

链式操作允许我们在单个语句中对同一个元素运行多个 jQuery 方法。


jQuery 方法链式操作

到目前为止,我们一直一次编写一个 jQuery 语句(一个接一个)。

但是,有一种称为链式操作的技术,它允许我们对同一个元素运行多个 jQuery 命令,一个接一个。

提示:这样,浏览器就不必多次查找相同的元素。

要链接一个操作,只需将该操作附加到前一个操作即可。

以下示例将 css()slideUp()slideDown() 方法链接在一起。“p1” 元素首先变为红色,然后向上滑动,然后向下滑动。

示例

$("#p1").css("color", "red").slideUp(2000).slideDown(2000);
亲自尝试 »

如果需要,我们还可以添加更多方法调用。

提示:在链式操作中,代码行可能会变得很长。但是,jQuery 对语法并不严格;您可以根据需要对其进行格式化,包括换行符和缩进。

这也完全可以

示例

$("#p1").css("color", "red")
  .slideUp(2000)
  .slideDown(2000);
亲自尝试 »

jQuery 会丢弃额外的空格并将以上行作为一行代码执行。


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.