jquery切换效果
<head>
<script type="text/javascript" src="jquery-3.4.0.min.js"></script>
</head>
<script type="text/javascript">
// hover(over,out)
// over:鼠标移到函数上触发的一个函数
// out:鼠标移出要触发的一个函数
// toggle()如果元素是可见的，就切换为隐藏，否则相反
$(document).ready(function(){
$('div').hover(
function(){
$(this).css('background','pink')
},
function(){
$(this).css('background','red')
}
)
$('button').click(function(){
$('div').toggle().css('background','red')
})
})
</script>