如何在页面加载时运行jQuery函数？附搜索过滤函数GetFilters示例

很简单，针对你的需求，这里有几个常用的jQuery方法可以让GetFilters()函数在页面加载完成时自动执行，根据你的场景选择就行：

• 使用$(document).ready()（经典DOM就绪事件）
  这是jQuery最常用的页面就绪触发方式，会在DOM结构完全解析完成（无需等待图片、视频等外部资源加载）时执行函数，非常适合初始化操作：

  $(document).ready(function() {
      // 页面DOM就绪后执行GetFilters
      GetFilters();
  });
  

• 使用$(function())（简写版）
  这是上面方法的简写形式，功能完全一致，代码更简洁：

  $(function() {
      GetFilters();
  });
  

• 使用$(window).load()（等待所有资源加载完成）
  如果你的GetFilters()函数依赖页面上的图片、样式表或其他外部资源加载完成才能正常工作，就用这个方法——它会等待页面所有资源都加载完毕后再执行：

  $(window).on('load', function() {
      GetFilters();
  });
  

补充说明 #

你的GetFilters()函数内部已经给复选框绑定了change事件，在页面加载时执行这个函数，既能完成事件绑定，也可以在页面初始化时就执行一次过滤逻辑（如果需要的话），完全符合你的需求。

内容的提问来源于stack exchange，提问作者HiDayurie Dave