Question

我只是在测试jQuery，这可能很简单，但我想弄清楚这里有什么问题。

我只是希望按钮稍微褪色。

$(document).ready(function(){
	$('button').mouseenter({
		$('button').fadeTo('slow',1);
	}};
});

button {
	border:2px solid #27ae60;
	border-radius:5px;
	height:50px;
	width:125px;;
	background-color:#2ecc71;
}

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>title</title>
  </head>
  <body>
    
  <button>Click Me</button>

  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
  </body>
</html>

谢谢！

Answer 1

您的按钮当前的不透明度为1，您的淡入淡出效果不会改变。你也有一些错误的牙套。像这样的东西会起作用：

$(document).ready(function(){
    $('button').on('mouseenter', function(){
        $('button').fadeTo('slow',0);
    });
});

在此处查看：https://jsfiddle.net/0Lqcnbv5/

希望有所帮助！

Answer 2

我使用下面的

让你工作

$(document).ready(function(){
	  
	$("#button").mouseenter( function() {
		$(this).fadeTo( "slow", 0.33 );
	});
	
});

  button {
	border:2px solid #27ae60;
	border-radius:5px;
	height:50px;
	width:125px;;
	background-color:#2ecc71;
}

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>title</title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

  </head>
  
  <body>
    
  <button id="button">Click Me</button>

  </body>
  
</html>

jquery有一些语法问题

为什么这个jQuery脚本不起作用？我看不出有什么不对劲

2 个答案: