立即调用 jquery 函数 - Javascript (1)

📌 相关文章

📜 立即调用 jquery 函数 - Javascript (1)

📅 最后修改于: 2023-12-03 15:27:22.634000 🧑 作者: Mango

立即调用 jQuery 函数 - Javascript

在 Javascript 中，我们经常使用 jQuery 进行 DOM 操作。而当我们需要在页面加载时执行某个 jQuery 函数时，我们可能会用到立即执行函数。

什么是立即执行函数？

立即执行函数是一种函数表达式，它在定义后立即执行。

语法：

(function() {
  // 函数体
})();

这种函数定义方式被称为匿名立即执行函数。

如何在立即执行函数中调用 jQuery 函数？

在立即执行函数中，我们可以直接在函数体内调用 jQuery 函数。假设我们想在页面加载时隐藏所有 div 元素，可以这样写：

(function() {
  $('div').hide();
})();

这段代码相当于：

$(document).ready(function() {
  $('div').hide();
});

多个 jQuery 函数如何调用？

如果需要调用多个 jQuery 函数，我们可以按如下方式编写：

(function() {
  // 调用函数1
  function1();

  // 调用函数2
  function2();

  // ...

  // 调用函数N
  functionN();
})();

示例

下面是一个示例，在页面加载时弹出提示框：

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>立即调用 jQuery 函数</title>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script>
    (function() {
      alert('Hello World');
    })();
  </script>
</head>
<body>
</body>
</html>

结论

立即执行函数是 JavaScript 中一种非常有用的技巧，可以在页面加载时立即调用 jQuery 函数。通过这种方式，我们可以更好地控制代码的执行顺序，提高页面加载速度和用户体验。