jquery变色,jquery字体变为红色

jquery 改变颜色问题

改变颜色，常用的就这几个：字体颜色（color）、背景颜色（background-color）、边框颜色(border-color)。

首先是触发事件，这个可以有也可以没有，如果有触发事件比如点击按钮才会触发，如果没有，那么页面加载之后自动就会改变颜色

然后就是通过JQ改变颜色，那么必须先获取这个元素，可以通过class、id、标签名称（当然这3个是常用的，还有非常多的选择方式），：比如$('.btn')、$('#btn')、$('div');

实现语句就是$('.btn').css('color','#777'),这段代码的意思就是class为btn的元素字体颜色改为#777.

相关问答

Q1: 如何利用jQuery库控制a标签点击变色

第一种，点击一下变色，但是不会回到原先的颜色

$("a").click(function(){

 $(this).css("color","#f00")

})

第二种，点击变色，再点击回到原来的颜色,要配合css

.color{color:#f00}

$("a").click(function(){

 $(this).toggleClass("color")

})

[img]

Q2: jquery里实现鼠标经过变色

.hover() 方法应该这样用 ：.hover(fn1,fn2);

而你把第二个函数写在了hover()之外，给你改了一下，可以用了：

------------------------------------------------------------

script $(document).ready(function(){$('div').hover(function(){$(this).addClass('myblue')},function(){$(this).removeClass('myblue')});});/script

Q3: jquery中如何改变按钮背景色

用jquery如何实现点击一栏目实现栏目变色，再点击另一栏目也变色，但原来的变回原色，我有个数组a（1、2、3)我循环遍历输出a的值。

复制代码 代码如下:

ul

lia onclick="show();"ba[0]ba/li

lia onclick="show();"ba[1]ba/li

lia onclick="show();"ba[2]ba/li

点击1—1变色。点击2,—变色。但1会变回原来的颜色，我show方法实现了其他的功能.。

下面是我初试的代码：

HTML code：

复制代码 代码如下:

style type="text/css"

.clckClass{color:red;}

/style

script type="text/javascript"

$('ul li a').bind('click', function(){

$('ul li a:not(this)').removeClass('clckClass');

$(this).addClass('clckClass');

});

/scriptJScript code:

style type="text/css"

.clckClass{color:red;}

/style

script type="text/javascript"

$('ul li a').bind('click', function(){

$('.clckClass').removeClass('clckClass');

$(this).addClass('clckClass');

});

/script

上面的代码中，样式‘clckClass‘可能在其他元素上使用。使用$(‘.clckClass').removeClass(‘clckClass')，会将画面上所用使用clckClass样式的元素移出clckClass样式的，这显然不是我们要得结果。我们只需要移出ul li a下的clckClass样，不过后来发现上面的代码中，唯一一点是那个clckClass只能在这几个标签使用，如果其他也用的话，就可能会影响效果，是我考虑不周到。

Q4: jquery 鼠标经过变色

$(选择器).hover(function(){},function(){})

hover里面有两个function参数

第一个function代表鼠标移上该元素时触发

第二个function代表鼠标移开该元素时触发

这里可能你做的是

odd和even这两个css的类设置了一个颜色.

然后在鼠标移上(触发第一个function)的时候将这个元素的odd和even都去掉(也就是这个元素不再引用odd或even的css了).就会使颜色变为默认的或其它css(被odd或even冲突而覆盖)的颜色

然后在你鼠标再移开.再将odd和even添加到元素中

Q5: jquery如何设置按钮颜色

如果你必须要使用这个Class，那么就建立几个颜色的Class，如果不需要，就直接改变颜色就好。

Class：

li$('button_ident').addClass('bg-red');

li$('button_ident').addClass('bg-blue');

如果其他不想显示已经改变过过的class，那就加多'.siblings().removeClass('className')'

直接变色：

li$('button_ident').css('color','red');

li$('button_ident').css('color','bule');