Javascript 未执行jQuery mouseenter事件

我在页面的div区域应用mouseenter事件时遇到一些问题。我试图在鼠标输入时更改这个div的背景色，但它都被忽略了

我有一个简单的HTML代码：

<div id="services" class="services">
  <div id="services-top">
    <h2>Services</h2>
  </div>
  <div id="services-content">
    <div id="services-content-left">
      <img id="services-content-right-img" class="img-circle" src="http://i.imgur.com/vN5m4vK.jpg" alt="empty">
      <h3>STUFF</h3>
    </div>
  </div>
</div>

正如我之前所说，当我进入这个div区域时，背景保持不变，没有任何变化。 这就是一个例子。
你不知道怎么解决吗？

在你的服务内容离开之前，你错过了一个

请把它改成

$（“#服务内容左”）.mouseenter（函数（）{

工作小提琴：-

希望这有帮助！

选择错误：）

你只是错过了

在代码中，应改为$（“#服务内容左”） 表示ID选择器。键入

$（“服务内容左”）

查找元素标记

，您需要英镑符号

将选择器标识为ID选择器

$（“#服务内容左”）

$(document).ready(function() {
  $("services-content-left").mouseenter(function() {
    console.log("enter");
    $(this).css("background-color", "yellow");
  });
});

$(document).ready(function() {
  $("#services-content-left").mouseenter(function() {
    console.log("enter");
    $(this).css("background-color", "yellow");
  });
});

$(document).ready(function() {
    $("#services-content-left").mouseenter(function() {
        console.log("enter");
        $(this).css("background-color", "yellow");
    });
});