我希望有人可以幫助我解決我遇到的問題。將滑鼠懸停在頁面上的導航鏈接上時，我試圖更改頁面的背景顏色。我曾嘗試為此使用 jquery（我的 js 代碼的最后幾行），但它似乎不起作用。我認為我的其他一些 Js 以某種方式進行了干擾，因為它以前在一個簡單的測驗頁面上作業過。 https://codepen.io/adamkelly153/pen/gOGaJYq
$('#hover-01').on('mouseenter', function() {
$('#hover-change').css('background-color', 'blue');
});
$('#hover-01').on('mouseleave', function() {
$('#hover-change').css('background-color', 'red');
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="hover-01">Hover this!</div>
<div id="hover-change">Background changes</div>非常感謝任何幫助！抱歉，如果我遺漏了一些關鍵資訊，很高興提供。亞當
uj5u.com熱心網友回復：
我改#hover-01到.proj-cat和作業！
$('.proj-cat').on('mouseenter', function(){
$('#hover-change').css('background-color', 'blue');
});
$('.proj-cat').on('mouseleave', function(){
$('#hover-change').css('background-color', 'red');
});
https://codepen.io/kian-kpt/pen/zYEvQjW
uj5u.com熱心網友回復：
始終將 cdn 保持在 jquery 之上，因為 jquery 僅在加載 cdn 時才有效。
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js">
$('#hover-01').on('mouseenter', function() {
$('#hover-change').css('background-color', 'blue');
});
$('#hover-01').on('mouseleave', function() {
$('#hover-change').css('background-color', 'red');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="hover-01">Hover this!</div>
<div id="hover-change">Background changes</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/373260.html
標籤：javascript html 查询 css 徘徊