我的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
在悬停时更改颜色,否则最好在您的功能中使用类
上一篇: My jQuery doesn't change the fontcolor with the .css() function