Datatables是一个流行的jQuery插件，用于在网页上呈现交互式数据表格。虽然Datatables提供了许多有用的功能，但默认情况下它不支持跳转到指定页码。
在本文中，我们将介绍如何使用jQuery扩展Datatables，添加跳转到指定页码的功能。本教程包括深度学习和指导意义，并提供示例代码。
步骤一：创建跳转输入框
要实现跳转到指定页功能，我们需要在Datatables顶部添加一个输入框，用于输入页码。我们可以使用jQuery的prepend()函数向Datatables添加一个新的HTML元素。
$(document).ready(function() {
var table = $('#example').DataTable();
$('#example_filter').prepend('<input type="number" min="1" style="width: 50px; margin-right: 10px;" id="page-num"/>');
});这段代码将在Datatables的搜索框之前添加一个数字输入框，并为其设置最小值为1、宽度为50像素和右边距为10像素。我们还需要为输入框定义一个ID（在此示例中为“page-num”），以便稍后引用它。
步骤二：添加跳转按钮
接下来，我们需要添加一个按钮，用于触发跳转到指定页码的操作。我们可以再次使用jQuery的prepend()函数向Datatables添加一个新的HTML元素。
$(document).ready(function() {
var table = $('#example').DataTable();
$('#example_filter').prepend('<button type="button" id="go-to-page">Go</button>');
});这段代码将在输入框之前添加一个“Go”按钮，并为其定义一个ID（在此示例中为“go-to-page”）。
步骤三：编写跳转逻辑
现在，我们需要编写JavaScript代码，使“Go”按钮能够跳转到指定页码。要实现这一点，我们需要使用Datatables的page()方法，该方法可以接受一个参数，用于指定要显示的页码。
-- -------------------- ---- -------
---------------------------- -
--- ----- - --------------------------
---------------------------- ---------- -
--- ------- - ---------------------
-- -------- -- ------- - -- - -- --------------
------------------ - ---------------
-
---
---这段代码将为“Go”按钮添加一个单击事件处理程序，并获取输入框中的值。如果值大于0，则调用Datatables的page()方法，并将其设置为用户输入减去1的值（因为Datatables的页码从0开始）。最后，我们使用draw()方法刷新表格。
完整示例代码
下面是完整的示例代码：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
-------------------------------
----- ---------------- --------------- --------------------------------------------------------------------
-------
------
------ ------------ --------------- -------------------
-------
----
-------------
-----------------
---------------
------------
--------- ---------
---------------
-----
--------
-------
----
--------- ----------
---------- --------------
------------------
-----------
-------------------
-----------------
-----
---- ----- ---
--------
--------
------- ----------
- ---------------------------------------------------------- --------
--------------------------------------------------------------------------------