以下是详细讲解“jQuery页面加载后执行的事件(3种方式)”的完整攻略，过程中至少包含两条示例说明：

jQuery页面加载后执行的事件(3种方式)

在jQuery中，有多种方式在页面加载后执行事件。本攻略将介绍其中的三种方式。

1. $(document).ready()

$(document).ready()是jQuery中常用的一种在页面加载后执行事件的方式，其语法如下：

$(document).ready(function() {
  // 在此处编写需要执行的代码
});

下面是一个使用$(document).ready()执行事件的示例：

$(document).ready(function() {
  console.log('页面加载完成！');
});

在上面的示例中，我们使用$(document).ready()在页面加载完成后输出了一条信息。

2. $(window).load()

$(window).load()是另一种在页面加载后执行事件的方式，其语法如下：

$(window).load(function() {
  // 在此处编写需要执行的代码
});

下面是一个使用$(window).load()执行事件的示例：

$(window).load(function() {
  console.log('所有资源加载完成！');
});

在上面的示例中，我们使用$(window).load()在所有资源加载完成后输出了一条信息。

需要注意的是，$(window).load()会等待页面中所有资源（包括图片、视频等）加载完成后才会执行事件，因此可能会比$(document).ready()慢一些。

3. $(function())

$(function())是一种简写形式的$(document).ready()，其语法如下：

$(function() {
  // 在此编写需要执行的代码
});

下面是一个使用$(function())执行事件的示例：

$(function() {
  console.log('页面加载完成！');
});

在上面的示例中，我们使用$(function())在页面加载完成输出了一条信息。

需要注意的是，$(function())与$(document).ready()是等价的，只是语法上更加简洁。

总结

以上是jQuery页面加载后执行的事件(3种方式)，可以使用$(document).ready()、$(window).load()和$(function())等方式在页面加载完成后执行事件。在使用这些方式时，需要注意事件的执行顺序和速度，以确保页面的正确性和稳定性。同时，需要注意代码的范和可读性，以方便后期的维护和修改。