升级jQuery 3.6.0：如何更新DataTable初始化语法及处理focus弃用警告

一、DataTable初始化语法更新 #

你当前的$('#lt_companies').DataTable({...})初始化写法在适配jQuery 3.x的新版DataTable中依然有效，无需强制修改。如果要优化代码规范或兼容性，可参考以下方式：

• 减少jQuery依赖，直接通过DOM元素初始化：

  document.getElementById('lt_companies').DataTable({
    width: "100%",
    order: [],
    pageLength: 25,
    // 其他配置项
  });
  

• 保留jQuery选择器时，明确匹配单个表格元素（避免多个元素意外匹配）：

  $('#lt_companies').first().DataTable({
    width: "100%",
    order: [],
    pageLength: 25,
    // 其他配置项
  });
  

同时检查配置项中的旧版缩写参数（如bSort、bPaginate），替换为DataTable新版标准参数（对应ordering、paging），确保配置项兼容最新版本。

二、处理jQuery.fn.focus()弃用警告 #

该警告针对的是用focus()简写绑定事件的写法，jQuery 3.x已弃用这类事件绑定简写，需改用on()方法绑定：

• 触发警告的旧代码：

  $('#targetElement').focus(function() {
    // 聚焦事件处理逻辑
  });
  

• 替换后的合规代码：

  $('#targetElement').on('focus', function() {
    // 聚焦事件处理逻辑
  });
  

注意：如果是触发元素聚焦动作（如$('#targetElement').focus()），这个写法并未被弃用，无需修改。

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