<! 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 >

< script  type ="text/javascript"  src ="jquery-1.4.2.min.js" ></ script >

</ head >

< body >

< button  id ="btn1" > ������Javascript������ </ button >< br />

< button  id ="btn2" > JQeury������1 </ button >< br />

< button  id ="btn3" > JQeury������2 </ button >< br />

< script  type ="text/javascript" >

  $(document).ready( function (){

      

      $( " #btn2 " ).click( function (){

           alert( " JQuery������1 " );

      });

      $( " #btn3 " ).bind( " click " , function (){

          alert( " JQuery������2 " );

      });

  });

   var  bind = function (object,type,fn){

       if (object.attachEvent){

             // IE���������

            object.attachEvent( " on " + type,( function (){ return   function (){window.event.cancelBubble = true ;object.attachEvent = fn.apply(object);}})(object));

      } else   if (object.addEventListener){

             // ���������������

            object.addEventListener(type, function (event){event.stopPropagation();fn.apply( this )}, false );

      }   

  }

  bind(document.getElementById( " btn1 " ), " click " , function (){alert( " ���������������ID  " + this .id + "  ��� " )});

</ script >

</ body >

</ html >