Question

我有两个图标，当我点击第一个图标时我想在网站上的某个地方出现一些文字，当我点击第二个图标时，第一个图标中的文字会自动消失。谢谢。

Answer 1

假设您有2个图标，并且想要在MyDiv上插入/删除文字。

所以我们在图标上绑定click事件。（图标名称为1stIcon，2ndIcon）

$(document).ready(function(){
  // First Icon Click
  $('#1stIcon').bind('click', function(){
    $('#MyDiv').val('SOME TEXT');
  });

  // Second Icon Click    
  $('#2ndIcon').bind('click', function(){
    $('#MyDiv').val('');
  });

});

Answer 2

你可以这样做：

<img src="http://img.vmessages.com/icon/dogs/61.gif" id="show" />
<img src="http://img.vmessages.com/icon/dogs/65.gif" id="hide" />
<div id="textDiv">This is the div with some text</div>

$('#textDiv').hide();

$('img#show').click(function(){
    $('#textDiv').show();    
});

$('img#hide').click(function(){
    $('#textDiv').hide();    
});

http://jsfiddle.net/jasongennaro/AQgv8/

简单的jquery触发器帮助

2 个答案: