Javascript jquery-更改文本颜色
我是Jquery的新手,我正试图通过在鼠标悬停在Jquery上时简单地更改字体的颜色来开始。我以为我输入了正确的代码,但它不起作用?谁能帮我把这件事做好吗 SHOW.JS:Javascript jquery-更改文本颜色,javascript,jquery,ruby-on-rails,Javascript,Jquery,Ruby On Rails,我是Jquery的新手,我正试图通过在鼠标悬停在Jquery上时简单地更改字体的颜色来开始。我以为我输入了正确的代码,但它不起作用?谁能帮我把这件事做好吗 SHOW.JS: $(document).ready(function(){ $(".modal").hover(function(){ $(".modal").css("color","red"); })); SHOW.HTML.ERB: <p class="modal"><%= @subscriber.last_
$(document).ready(function(){
$(".modal").hover(function(){
$(".modal").css("color","red");
}));
SHOW.HTML.ERB:
<p class="modal"><%= @subscriber.last_name %></p>
这是我所有的代码。一开始我只是想保持简单。缺少右括号。应该是这样的:
$(document).ready(function() {
$(".modal").hover(function() {
$(".modal").css("color","red");
});
});
试试这个
$('.modal').css({"color" : "red"});
Andros Rex的方法工作得非常完美——但是你可能真的想要更像这样的东西——当鼠标不再在元素上时,它会将颜色更改回以前的颜色
$(document).ready(
function() {
var old;
$(".modal").hover(
function() {
old = $(".modal").css("color");
$(".modal").css("color","red");
},
function() {
$(".modal").css("color",old);
}
);
}
);
您是否包含了
jQuery
库?共享浏览器呈现的代码而不是ruby代码…我想是的。我正在发布文件(更新)有错误吗?当前的行为是什么?可能重复的
$(document).ready(
function() {
var old;
$(".modal").hover(
function() {
old = $(".modal").css("color");
$(".modal").css("color","red");
},
function() {
$(".modal").css("color",old);
}
);
}
);