这些是针对两个单独的代码运动练习。他们都通过我,但我没有得到我应该得到的结果。
3.2 - 鼠标事件 - 问题
编写悬停处理程序并将其附加到所有div。在第一个函数中,将“hover”类添加到我们正在悬停的当前对象,然后在第二个函数中删除“hover”类。我们已经通过传递事件对象学会了如何做到这一点,但这次让我们尝试使用$(this).addClass()
的另一种方式。但是,如果您愿意,可以尝试活动!
完成后,当用户将鼠标悬停在绿色框上时,绿色框应弹出并变为蓝色。
3.2 - 鼠标事件 - 回答
$(document).ready(function(){
$('div').hover(function() {
(this).addClass('hover');
},
function() {
(this).removeClass('hover');
});
});
3.3键盘事件 - 问题
keypress的格式与点击处理程序完全相同。
编写一个按键处理程序,将带有类“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
提前致谢!
此致
马特
答案 0 :(得分:1)
关于鼠标事件,有一个小的语法错误:
(this).addClass('hover'); and (this).removeClass('hover');
缺少领先的美元符号。他们应该是:
$(this).addClass('hover'); and $(this).removeClass('hover');
就键盘测试而言,应该可行。运行时,请在按键之前单击结果区域。