我的jQuery不会使用.css()函数更改fontcolor

    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
      <script>
  $(document).ready(function () {
      $('h3').hover(function() {
          $('h3').css({"color","#OOFFFF"});
      });
  });
  </script>

这是我的代码,放在我的HTML文档的末尾,在<body>结束之前。 当我将鼠标悬停在它上面时,我试图让我的h3标签将其颜色更改为浅蓝色。 这不适用于我的HTML:

<h3 class="masthead-brand">sunil singh</h3>

有人可以告诉我有什么问题吗? 我真的很感激。


你的代码中有语法错误,缺少: 。 您将method('prop', 'value')method({ prop: 'value' })语法混淆。 此外,您正在使用O(“哦”)而不是0(零)。 “哦”不是十六进制值。

  $('h3').hover(function() {
      // `this` here refers to the hovered element 
      $(this).css({"color": "#00FFFF"});
  });

代码中存在语法错误。 在对象字面上你有一个逗号而不是冒号。

您的颜色代码有误。 您有两个O字符而不是两个零数字。

这个:

$('h3').css({"color","#OOFFFF"});

应该:

$('h3').css({"color":"#00FFFF"});

备注:颜色#00FFFF不是浅蓝色,而是青色。

另一方面说明:您可以将CSS用于悬停效果,然后当您不再悬停在该元素上时,效果也会消失。 示例(进入head元素):

<style>
h3:hover { color: #00FFFF; }
</style>

尝试这个:

$(document).ready(function () {
      $('h3').hover(function() {
          $(this).css("color", "red");   
      });
  });

添加comma或者,而不是colon:css("color", "red")

我以red为例,将其改为您的需求:)

注意:除非您希望所有h3在悬停时更改颜色,否则最好在您的功能中使用类

链接地址: http://www.djcxy.com/p/2527.html

上一篇: My jQuery doesn't change the fontcolor with the .css() function

下一篇: Hex color code multiple #