本文共 2916 字，大约阅读时间需要 9 分钟。

.bind������������

.bind������������������������������������������������������������������������������������������������������������������������������������.bind()���������������������������������������������������������������������������������������������������������������������.bind()������������������������������������dom���������������������������������������������������

���������������

jQuery: $(
   '
   .alertMe
   '
   , 
   '
   #bindExample
   '
   ).bind(
   '
   click
   '
   , 
   function
   () {      alert(
   '
   Clicked!
   '
   ); }); $(
   '
   #bindExample
   '
   ).append(
   '
   
Alert does not fire on click!
   '
   ); HTML: 
   <
   div id
   =
   "
   bindExample
   "
   >
        
   
    
        
   <
   p class
   =
   "
   alertMe
   "
   >
   Alert fires on click
   !<
   /
   p>
   
   
   <
   /
   div>

���������������������������������������������������������������������������������

.live()������

���.bind()���������������.live()���������������������������������������������������������������������������,.live()������������������������������������������������������������������������������������������������������.live()������������������������������

���������������������dom������������������������������������jQuery������������������������������������������

$('#foo').children('.bar').live('click',function(){//do something });

������������������

$('#foo .bar').live('click', function() { /do something }); 

���������������������������������������������������������.find()���������������������������������

���������������

jQuery: $(
   '
   .alertMe
   '
   , 
   '
   #liveExample
   '
   ).live(
   '
   click
   '
   , 
   function
   () {     alert(
   '
   Clicked!
   '
   );});$(
   '
   #liveExample
   '
   ).append(
   '
   
Alert fires on click (even though this      was added after .live() was called)!
   '
   );HTML: 
   
    
    
     
          
     
Alert fires on click!
    

������������������������������������������

.delegate()������

.delegate()���������live������������������������������������������������������������live������������4��������������������������������������������������������������������������������������������������������������������� $('#foo').delegate('.bar', ...)������������������.bar���������������������������������������������#foo���������������������������������������������������������������������ajax������������������������������������������������������������������

.delegate()���������dom���������������������������������.live()������������

���������������

jQuery: $(
   '
   #delegateExample
   '
   ).delegate(
   '
   .alertMe
   '
   , 
   '
   click
   '
   , 
   function
   () {     alert(
   '
   Clicked!
   '
   );});$(
   '
   #delegateExample
   '
   ).append(
   '
   
Alert fires on click (even though this      was added after .delegate() was called)!
   '
   );HTML: 
   
    
    
     
          
     
Alert fires on click!