<h3>demo </h3>
<a class="demo" href="sample1.html">Text 1 </a> |
<a class="demo" href="sample2.html">Text 2 </a> |
<a class="demo" href="sample3.html">Text 3 </a> |


<div id="demo" style="min-height:100px;margin:10px 0;border:1px solid #CCCCCC;"></div>


<script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("a.demo").click(function(){
        var url = $(this).attr('href');
        $.get(url,function(data){
            $("#demo").html(data);
            //这里不对sample1.html中的连接绑定动作、所以他是直接连接到sample4.html
            url = null;data = null;
        })
        return false;
    });
});
</script>

<script type="text/javascript">
$(document).ready(function(){
    $("a.demo").click(function(){
        var url = $(this).attr('href');
        $.get(url,function(data){
        alert(data);
            $("#demo").html(data);
            url = null;data = null;
        })
        
        return false;
    });
    $("#demo").click(function(){
      var url= $(this).find(".demo").attr('href');
      $.get(url,function(data){
        alert(data);
            $("#demo").html(data);
            url = null;data = null;
        })
      return false;
    });

    
});
</script>

<script type="text/javascript">
$(document).ready(function(){
    $("a.demo").click(function(){
       ttttt($(this))
        
        return false;
    });
    
 function ttttt(obj){
   var url = $(obj).attr('href');
   $.get(url,function(data){
            $("#demo").html(data);
            $("#demo a.demo").bind("click",function(){ttttt($(this)); return false;}); 
   });
 }
    
});
</script>