单击链接替换div的内容

-2

那么我会在html页面中重现此场景。我在html页面中有一个div，在这个div里面我有两个链接。当我碰到其中一个链接的时候div改变了，但是没有改变整个网页。我怎么能意识到这一点？单击链接替换div的内容

2012-05-20 Mazzy

这种行为通常通过JavaScript实现。拿到一本关于这个话题的书，这非常有趣！ – Pavel

使用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>

来源

2012-05-20 20:30:59

单击链接替换div的内容

回答

相关问题