想实现一个很简单的功能:一个按钮,鼠标移上去的时候字体加粗,
为什么会实现不了呢
$(document).ready(function(){
$('verify').mouseover(function() {
$(this).css('color','blue');
$(this).css('font-weight','bold');
});
$('verify').mouseout(function(){
$(this).css('backgournd-color','green');
});
})<input name="Submit" type="submit" id="verify" value="提交修改"><br>
就是这么简单,为什么有问题呢!!??好烦躁
本来这个button是有一个css类的,但是我修改了那个css类里的hover里面的属性之后,移上去还是跟原来一样没有变化,为什么。。jQueryJavaScriptHTML函数
为什么会实现不了呢
$(document).ready(function(){
$('verify').mouseover(function() {
$(this).css('color','blue');
$(this).css('font-weight','bold');
});
$('verify').mouseout(function(){
$(this).css('backgournd-color','green');
});
})<input name="Submit" type="submit" id="verify" value="提交修改"><br>
就是这么简单,为什么有问题呢!!??好烦躁
本来这个button是有一个css类的,但是我修改了那个css类里的hover里面的属性之后,移上去还是跟原来一样没有变化,为什么。。jQueryJavaScriptHTML函数
id :$("#id").val(); 双引号啊
class:$(".class").css("color","red");
var css = {
background: '#EEE',
width: '478px',
margin: '10px 0 0',
padding: '5px 10px',
border: '1px solid #CCC'
};
$(".css").css(css);
呵呵呵,我也是菜鸟,参考参考哈...
$(document).ready(function () {
$('#verify').mouseover(function () {
$(this).css('color', 'blue');
$(this).css('font-weight', 'bold');
});
$('#verify').mouseout(function () {
alert('');
$(this).css('color', 'green');
});
})
果然是rookie mistake。谢谢了