要保持先前的高亮显示使用jQuery,您可以使用以下代码示例:
HTML代码:
示例文本
CSS代码:
.highlight {
background-color: yellow;
}
JavaScript代码:
$(document).ready(function() {
// 保存先前的高亮显示状态
var isHighlighted = false;
// 点击按钮高亮显示
$("#highlightButton").click(function() {
$("#element").addClass("highlight");
isHighlighted = true;
});
// 点击按钮重置
$("#resetButton").click(function() {
if (isHighlighted) {
$("#element").removeClass("highlight");
isHighlighted = false;
}
});
});
在上述代码中,我们首先在元素上添加了一个类名为“highlight”的CSS类,该类名定义了高亮显示的样式(黄色背景)。然后,我们使用jQuery在点击“高亮显示”按钮时,动态地将该类名添加到元素上。同样,在点击“重置”按钮时,我们使用jQuery将该类名从元素上移除。
变量isHighlighted
用于跟踪先前的高亮显示状态。当点击“高亮显示”按钮时,我们将isHighlighted
设置为true
,当点击“重置”按钮时,我们将isHighlighted
设置为false
。这样,我们就可以根据先前的高亮显示状态来执行相应的操作。
希望这个示例可以帮助到您!
上一篇:保持响应式图像高度