jquery怎么编写页面？

使用jQuery编写以下页面: 页面具有一个div元素,宽度为50%、高200px，具有1px、类型为实线、颜色为#CCC的边框。 编写jQuery脚本,要求监听按键按下事件： 当按下的按键为ctrl + alt + r 时,div背景色为红色； 当按下的按键为ctrl + alt + g 时,div背景色为绿色； 当按下的按键为ctrl + alt + y 时,div背景色为黄色； 当按下的按键为ctrl + alt + b 时,div背景色为黑色；

帮助到你能点个采纳吗，谢谢~~

<div style="width:50%;height:200px;border:solid 1px #ccc"></div>
<script src="https://g.csdnimg.cn/??lib/jquery/1.12.4/jquery.min.js"></script>
<script>
    var color = { 82: 'red', 71:'green',89:'yellow',66:'black'}
    $(document).keydown(function (e) {
        if (e.ctrlKey && e.altKey && color[e.keyCode]) {
            $('div').css('background-color', color[e.keyCode]);
        }
    })
</script>

就是监听，键盘事件，结合键盘keyCode值判断。改变样式参考这个 https://www.cnblogs.com/koleyang/p/4815682.html

$(document).ready(
function(){
document.onkeydown = function()
{
var oEvent = window.event;
if (oEvent.keyCode == 13 && oEvent.ctrlKey) {
alert("你按下了ctrl+enter");
}
}
}
);