bind examples

by nickadeemus2002

HTML

<div id="test">

</div>

CSS

#test{width:250px;height:200px;border:1px solid #585858;}
.active{background-color:#ff0000;}
.inside{background-color:#585858;}

JavaScript

$("div#test").bind({
  click: function(){
    $(this).addClass("active");
  },
  dblclick: function(){
    $(this).removeClass("active");
  },    
  mouseenter: function(){
    $(this).addClass("inside");
  },
  mouseleave: function(){
    $(this).removeClass("inside");
  }
});