title: Jquery off() for a specific element
body: <p>I have a table where i have bound all my elements with class="shift" to a click function. </p>
  
  <p>Now, because I also need to use another click event on part of the element, I would like to unbind the click event on element when the mouse enters the element and rebind when i leaves (meant for some touch events and whatnot) </p>
  
  <p>Now, I bind like this </p>
  
  <pre><code>$("table").on("touchstart mousedown",".shift", function(e){ ... })
  </code></pre>
  
  <p>But when i try to unbind on a specific element, say it has a class="selected" added to distinguish the current element i use:</p>
  
  <pre><code>$("table").off("touchstart mousedown",".shift.selected")
  </code></pre>
  
  <p>which does not work.... </p>
  
  <p>I can remove all the handlers at once, but it would be wasteful to remove all the handlers and reinsert them as soon as the mouse leaves. </p>
  
  <p>So, is there a way to remove the handler on a single element after the event is bound to all current and future elements?</p>
  
  <p>Thanks in advance!</p>