在线运行代码 - 菜鸟教程

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(cainiaoplay.com)</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<style>div {
	background: blue;
	color: white;
	height: 100px;
	width: 150px;
}
div.contextmenu {
	background: yellow;
	color: black;
}
</style>
</head>
<body>
	
<div></div>
<span>右键单击该块</span>
<script>
$(function () { 
	var div = $( "div:first" );
	div.contextmenu(function() {
		div.toggleClass( "contextmenu" );
	});
})
</script>
 
</body>
</html>
源代码

动行结果
