replace uses of .bind/.unbind with prefered .on/.off

Author: jouve

entries/blur.xml

@@ -21,7 +21,7 @@
     <added>1.0</added>
   </signature>
   <longdesc>
-    <p>This method is a shortcut for <code>.bind('blur', handler)</code> in the first two variations, and <code>.trigger('blur')</code> in the third.</p>
+    <p>This method is a shortcut for <code>.on('blur', handler)</code> in the first two variations, and <code>.trigger('blur')</code> in the third.</p>
     <p>The <code>blur</code> event is sent to an element when it loses focus. Originally, this event was only applicable to form elements, such as <code>&lt;input&gt;</code>. In recent browsers, the domain of the event has been extended to include all element types. An element can lose focus via keyboard commands, such as the Tab key, or by mouse clicks elsewhere on the page.</p>
     <p>For example, consider the HTML:</p>
     <pre><code>&lt;form&gt;

entries/change.xml

@@ -21,7 +21,7 @@
     <added>1.0</added>
   </signature>
   <longdesc>
-    <p>This method is a shortcut for <code>.bind('change', handler)</code> in the first two variations, and <code>.trigger('change')</code> in the third.</p>
+    <p>This method is a shortcut for <code>.on('change', handler)</code> in the first two variations, and <code>.trigger('change')</code> in the third.</p>
     <p>The <code>change</code> event is sent to an element when its value changes. This event is limited to <code>&lt;input&gt;</code> elements, <code>&lt;textarea&gt;</code> boxes and <code>&lt;select&gt;</code> elements. For select boxes, checkboxes, and radio buttons, the event is fired immediately when the user makes a selection with the mouse, but for the other element types the event is deferred until the element loses focus.</p>
     <p>For example, consider the HTML:</p>
     <pre><code>&lt;form&gt;

entries/click.xml

@@ -21,10 +21,10 @@
     <added>1.0</added>
   </signature>
   <longdesc>
-    <p>In the first two variations, this method is a shortcut for <code>.bind("click", handler)</code>, as well as for <code>.on("click", handler)</code> as of jQuery 1.7. In the third variation, when <code>.click()</code> is called without arguments, it is a shortcut for <code>.trigger("click")</code>. </p>
-    <p>The <code>click</code> event is sent to an element when the mouse pointer is over the element, and the mouse button is pressed and released. Any HTML element can receive this event.</p>
-    <pre><code>For example, consider the HTML:
-&lt;div id="target"&gt;
+    <p>This method is a shortcut for <code>.on('click', handler)</code> in the first two variations, and <code>.trigger('click')</code> in the third.
+    The <code>click</code> event is sent to an element when the mouse pointer is over the element, and the mouse button is pressed and released. Any HTML element can receive this event.
+    For example, consider the HTML:</p>
+    <pre><code>&lt;div id="target"&gt;
   Click here
 &lt;/div&gt;
 &lt;div id="other"&gt;

entries/closest.xml

@@ -101,7 +101,7 @@ $('li.item-a').closest('#one', listItemII)
     <example>
       <desc>Show how event delegation can be done with closest. The closest list element toggles a yellow background when it or its descendent is clicked.</desc>
       <code><![CDATA[
-  $( document ).bind("click", function( e ) {
+  $( document ).on("click", function( e ) {
     $( e.target ).closest("li").toggleClass("hilight");
   });
 ]]></code>
@@ -118,7 +118,7 @@ $('li.item-a').closest('#one', listItemII)
       <desc>Pass a jQuery object to closest. The closest list element toggles a yellow background when it or its descendent is clicked.</desc>
       <code><![CDATA[
   var $listElements = $("li").css("color", "blue");
-  $( document ).bind("click", function( e ) {
+  $( document ).on("click", function( e ) {
     $( e.target ).closest( $listElements ).toggleClass("hilight");
   });
 ]]></code>

entries/dblclick.xml

@@ -21,7 +21,7 @@
     <added>1.0</added>
   </signature>
   <longdesc>
-    <p>This method is a shortcut for <code>.bind('dblclick', handler)</code> in the first two variations, and <code>.trigger('dblclick')</code> in the third.
+    <p>This method is a shortcut for <code>.on('dblclick', handler)</code> in the first two variations, and <code>.trigger('dblclick')</code> in the third.
     The <code>dblclick</code> event is sent to an element when the element is double-clicked. Any HTML element can receive this event.
     For example, consider the HTML:</p>
     <pre><code>&lt;div id="target"&gt;

entries/deferred.done.xml

@@ -53,7 +53,7 @@ dfd
 });
 
 /* resolve the Deferred object when the button is clicked */
-$("button").bind("click", function() {
+$("button").on("click", function() {
   dfd.resolve("and");
 });
 ]]></code>

entries/die.xml

@@ -21,8 +21,8 @@
     </argument>
   </signature>
   <longdesc>
-    <p>Any handler that has been attached with <code>.live()</code> can be removed with <code>.die()</code>. This method is analogous to calling <code>.unbind()</code> with no arguments, which is used to remove all handlers attached with <code>.bind()</code>.
-  See the discussions of <code>.live()</code> and <code>.unbind()</code> for further details.</p>
+    <p>Any handler that has been attached with <code>.live()</code> can be removed with <code>.die()</code>. This method is analogous to calling <code>.off()</code> with no arguments, which is used to remove all handlers attached with <code>.on()</code>.
+  See the discussions of <code>.live()</code> and <code>.off()</code> for further details.</p>
     <p>If used without an argument, .die() removes <em>all</em> event handlers previously attached using <code>.live()</code> from the elements.</p>
     <p><strong>As of jQuery 1.7</strong>, use of <code>.die()</code> (and its complementary method, <code>.live()</code>) is not recommended. Instead, use <a href="http://api.jquery.com/off/"><code>.off()</code></a> to remove event handlers bound with <a href="http://api.jquery.com/on/"><code>.on()</code></a></p>
     <p><strong>Note:</strong> In order for .die() to function correctly, the selector used with it must match exactly the selector initially used with .live().</p>

entries/error.xml

@@ -18,7 +18,7 @@
     </argument>
   </signature>
   <longdesc>
-    <p>This method is a shortcut for <code>.bind('error', handler)</code>.</p>
+    <p>This method is a shortcut for <code>.on('error', handler)</code>.</p>
     <p>The <code>error</code> event is sent to elements, such as images, that are referenced by a document and loaded by the browser. It is called if the element was not loaded correctly.</p>
     <p>For example, consider a page with a simple image element:</p>
     <pre><code>&lt;img alt="Book" id="book" /&gt;</code></pre>

entries/event.namespace.xml

@@ -11,7 +11,7 @@
   <example>
     <desc>Determine the event namespace used.</desc>
     <code><![CDATA[
-$("p").bind("test.something", function(event) {
+$("p").on("test.something", function(event) {
   alert( event.namespace );
 });
 $("button").click(function(event) {

entries/event.pageX.xml

@@ -11,7 +11,7 @@
     <css>body {background-color: #eef; }
     div { padding: 20px; }</css>
     <html><![CDATA[<div id="log"></div>]]></html>
-    <code><![CDATA[$(document).bind('mousemove',function(e){
+    <code><![CDATA[$(document).on('mousemove',function(e){
           $("#log").text("e.pageX: " + e.pageX + ", e.pageY: " + e.pageY);
 }); ]]></code>
   </example>