$(document).ready(function() {
const tutorials = [
{
title: “如何使用jQuery实现简单的动画效果”,
content: `

在这个教程中，我们将学习如何使用jQuery实现简单的动画效果。jQuery提供了许多内置的方法，可以轻松地创建动画。

示例：淡入淡出效果

我们可以使用`.fadeIn()`和`.fadeOut()`方法来实现元素的淡入淡出效果。

                            $(document).ready(function() {
                                $("#myElement").fadeOut(1000); // 1秒后淡出
                                $("#myElement").fadeIn(1000);  // 1秒后淡入
                            });
                        

在这个例子中，`#myElement`是我们要操作的HTML元素的ID。

`
},
{
title: “如何使用jQuery进行AJAX请求”,
content: `

在这个教程中，我们将学习如何使用jQuery进行AJAX请求。AJAX允许我们在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容。

示例：获取服务器数据

我们可以使用`$.ajax()`方法来发送一个AJAX请求。

                            $.ajax({
                                url: "https://api.example.com/data",
                                method: "GET",
                                success: function(data) {
                                    console.log(data);
                                    $("#result").text(data.message);
                                },
                                error: function(xhr, status, error) {
                                    console.error("Error: " + error);
                                }
                            });
                        

在这个例子中，我们向`https://api.example.com/data`发送一个GET请求，并在成功时更新页面上的`#result`元素。

`
},
{
title: “如何使用jQuery操作DOM元素”,
content: `

在这个教程中，我们将学习如何使用jQuery操作DOM元素。jQuery提供了许多方法来添加、删除、修改和遍历DOM元素。

示例：添加和删除元素

我们可以使用`.append()`和`.remove()`方法来添加和删除元素。

                            $(document).ready(function() {
                                $("#container").append("<p>这是一个新段落。</p>");
                                $("#removeButton").click(function() {
                                    $("#myElement").remove();
                                });
                            });
                        

在这个例子中，我们在`#container`中添加了一个新的段落，并在点击按钮时删除了`#myElement`元素。

`
}
];

const randomTutorial = tutorials[Math.floor(Math.random() * tutorials.length)];
$(“#tutorial-title”).text(randomTutorial.title);
$(“#tutorial-content”).html(randomTutorial.content);
});