單擊鏈接替換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的內容

回答

相關問題