delegate的用法-白红宇

                         
<!DOCTYPE html PUBLIC 
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
<html xmlns=
"http://www.w3.org/1999/xhtml"
>
<head>
    
<meta http-equiv=
"Content-Type"
content=
"text/html;charset=UTF-8"
/>
    
<title></title>
    
<script type=
"text/javascript"
src=
"jquery1.5.js"
></script>
    
<script type=
"text/javascript"
>
        
$(document).ready(
function
(){ 
            
$(
"b"
).live(
"click"
,
function
(){ 
                
alert($(
this
).text());
            
});
                                   
            
//$("p").live("click",function(){ 
            
//  $(this).after("<b>I love weiyuan</b>");
            
//});
                                   
            
$(document).delegate(
"p"
,
"click"
,
function
(){ 
                
$(
this
).after(
"<b>I love weiyuan</b>"
);
            
});
                                   
            
$(
"div"
).delegate(
"input"
,
"click"
,
function
(){ 
                
$(
"div>p"
).slideToggle();
            
});
        
});
                               
                                   
    
</script>
</head>
<body>
    
<p>hanchao</p>
                           
    
<div style=
"background-color:pink;"
>
        
<p>This is a demo 
for
delegate!!</p>
        
<input type=
"button"
value=
"clickme"
/>
    
</div>
</body>
</html>
        
      
本文转自韩立伟 51CTO博客，原文链接：http://blog.51cto.com/hanchaohan/1204838，如需转载请自行联系原作者