以下是一个使用AJAX调用加载jQuery和显示加载GIF的示例代码：

HTML代码：

  
  
  
  


  
AJAX调用后加载jQuery和显示加载GIF
  加载数据
  

    
  
  

JavaScript代码（script.js）：

$(document).ready(function() {
  $("#loadButton").click(function() {
    // 显示加载GIF
    $("#loading").show();

    // 使用AJAX调用加载jQuery
    $.ajax({
      url: "https://code.jquery.com/jquery-3.5.1.min.js",
      dataType: "script",
      success: function() {
        // 加载成功后隐藏加载GIF
        $("#loading").hide();

        // 在data div中显示数据
        $("#data").text("jQuery加载成功！");
      },
      error: function() {
        // 加载失败后隐藏加载GIF
        $("#loading").hide();

        // 在data div中显示错误消息
        $("#data").text("加载jQuery发生错误！");
      }
    });
  });
});

上述代码中，我们首先在HTML中引入了jQuery库和自定义的JavaScript文件。在HTML中，我们定义了一个按钮和一个用于显示加载GIF的div。加载GIF的样式通过CSS进行设置。

在JavaScript中，我们使用$(document).ready()来确保页面完全加载后执行代码。当按钮被点击时，我们显示加载GIF，然后使用AJAX调用加载jQuery库。在AJAX的success回调中，我们隐藏加载GIF，并在data div中显示加载成功的消息。在AJAX的error回调中，我们隐藏加载GIF，并在data div中显示加载失败的消息。

请注意，上述代码中的URL是从官方CDN加载jQuery库的示例，你可以根据你的需求自行更改URL。另外，加载GIF的URL也需要根据你的实际情况进行更改。