Javascript（jQuery）-Codecademy課程

Question

這些是用於兩個單獨的代碼學院練習的。 他們倆都超過了我，但我沒有得到我應該得到的結果。

3.2-鼠標事件 -問題

編寫一個懸停處理程序並將其附加到所有div。 在第一個函數中，將類“ hover”添加到我們要懸停的當前對象上，在第二個函數中，將類“ hover”刪除。 我們已經學習了如何通過傳遞事件對象來執行此操作，但是這次讓我們嘗試使用$(this).addClass()另一種方式。 不過，您可以嘗試嘗試事件！

完成后，當用戶將鼠標懸停在綠色框上時，綠色框應彈出並變成藍色。

3.2-鼠標事件 -答案

$(document).ready(function(){
    $('div').hover(function() {
        (this).addClass('hover');
    },
    function() {
        (this).removeClass('hover');
    });
});

---

3.3鍵盤事件 -問題

按鍵的格式與點擊處理程序完全相同。

編寫一個按鍵處理程序，將帶有“ box”類的div附加到id =“ boxDiv”的div上。 將按鍵處理程序附加到文檔主體。

3.3鍵盤事件 -答案

$(document).ready(function(){
    $("body").keypress(function(event){
        $('#boxDiv').append($("<div/>").addClass('box'));
    });
 });

---

如果您想進一步說明，請直接鏈接到該課程。 http://www.codecademy.com/courses/jquery-events/2#!/exercises/1

提前致謝！

問候，

馬特

Answer 1

關於鼠標事件，有一個小語法錯誤：

(this).addClass('hover'); and (this).removeClass('hover');

缺少領先的美元符號。 他們應該是：

$(this).addClass('hover'); and $(this).removeClass('hover');

至於鍵盤測試，它應該可以工作。 運行它時，請嘗試在結果區域中單擊，然后再按一個鍵。