用jquery实现点击栏目背景色改变

$(document).ready(function(){
    // 假设所有栏目都有class="section"
    $(".section").click(function(){
        // 切换背景色，这里使用toggleClass来在两种颜色之间切换
        // 假设你希望切换的颜色是红色和白色
        $(this).toggleClass("bg-red bg-white");
    });

    // 你可以定义CSS类来控制背景色
    // CSS
    .bg-red {
        background-color: red;
    }
    .bg-white {
        background-color: white;
    }
});

在这个示例中，我假设了所有的栏目元素都使用了`class="section"`。当用户点击任何一个这样的元素时，其背景色会在红色和白色之间切换。这是通过`toggleClass`方法实现的，该方法会在元素上添加或移除指定的类。然后，通过CSS来定义这些类的样式，从而改变背景色。

请注意，如果你的需求不是简单地切换两种颜色，而是需要设置到一个特定的颜色，你可以修改`toggleClass`的调用，使用`css`方法来直接设置背景色，例如：

$(this).css("background-color", "#ff0000"); // 设置为红色

但如果你想要更灵活的切换效果，使用`toggleClass`和CSS类会更方便。