单击链接替换div的内容

时间:2012-05-20 20:10:24

标签: html

好吧,我会在这个场景的html页面中重现。我在一个html页面中有一个div,在这个div里面我有两个链接。当我碰到其中一个链接时,div改变但没有改变整个网页。我怎么能意识到它?

1 个答案:

答案 0 :(得分:1)

使用jquery:

<div id="changeMe">
 <p id="changeThis">You have some stuff here</p>
 <a href="#" id="changeLink">Click to change</a>
</div>

<script>
$('#changeLink').click(function(){
  $('#changeThis').html('I am the new text');
  return false;
});
</script>

看到它在这里运行http://jsfiddle.net/G9MgN/

  

请记住,要使用此方法,您需要在

中调用jquery
> <head></head>

您可以使用Google的服务

来实现这一目标
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>