Question

我用搜索图标创建了一个搜索栏。我想要这个，当我点击#forminput时，＃search将返回白色;点击另一个对象后，＃search将返回浅灰色。我怎样才能做到这一点？我的代码：

$(document).ready(function(){
$("#forminput").click(function(){
$("#search").css("color", "white");
});
});

度过愉快的一天。

Answer 1

是的，您可以使用off并提供事件处理程序：

$("#forminput").off("click");

但是如果你想恢复到更早的状态，那么使用CSS进行演示总是明智的，然后使用JavaScript在类之间切换。考虑到你目前的情况，我相信只有CSS就足够了。

＆＃13;

input {color: #999; padding: 10px; width: 200px;}
input:focus {color: #000;}

＆＃13;

<input type="text" value="Default Gray, Click Black." />

＆＃13;

Answer 2

您可以使用解决方案https://jsfiddle.net/8gygvdwy/

＆＃13;

$('input[type=text]').focus(function(){
	$(this).css({
  	'background': '#ccc'
  });
}).focusout(function(){
	$(this).css({
  	'background': '#fff'
  });
});

$('input[type=button]').click( function(){
	$('input[type=text]').css({
  	'background': '#fff'
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="search" />
<input type="button" value="Submit" />

＆＃13;

在Jquery中是否存在与click事件相反的情况？

2 个答案: