Jquery实现的一种常用高亮效果示例代码

$(document).ready(function(){
    // 假设我们要高亮显示所有class为"highlight"的元素
    $(".highlight").each(function(){
        // 创建一个高亮层，这里简单使用背景色变化作为示例
        $(this).css("background-color", "yellow");

        // 可选：设置高亮持续时间后恢复原样
        setTimeout(function(){
            $(this).css("background-color", ""); // 假设原背景色为空
        }.bind(this), 2000); // 2秒后恢复原样
    });
});

这段代码展示了如何使用jQuery来实现一个简单的高亮效果。当文档加载完成后，它会查找所有class为"highlight"的元素，并将它们的背景色设置为黄色以实现高亮。此外，我还添加了一个可选的setTimeout函数，用于在2秒后自动将背景色恢复（这里假设原背景色为空，实际使用时可能需要根据具体情况调整）。注意，由于setTimeout中的回调函数是在异步环境中执行的，因此我使用了`.bind(this)`来确保`this`关键字在回调函数中仍然指向当前的jQuery对象。