All: Fix event selectors

Multiple selectors erroneously used `selector)` instead of `selector`.
This has been fixed.

The typos were accidentally introduced during
a mass-replace in gh-1223.

Fixes gh-1228
Closes gh-1229
Ref gh-1223
Ref gh-1226
Ref gh-1227

Author: cjbonn

entries/ajaxComplete.xml

@@ -7,7 +7,7 @@
     <argument name="&quot;ajaxComplete&quot;" type="string">
       <desc>The string <code>"ajaxComplete"</code>.</desc>
     </argument>
-    <argument name="handler" type="Function">      
+    <argument name="handler" type="Function">
       <argument name="event" type="Event" />
       <argument name="jqXHR" type="jqXHR" />
       <argument name="ajaxOptions" type="PlainObject" />
@@ -33,7 +33,7 @@ $( document ).on( "ajaxComplete", function() {
     </code></pre>
     <p>Now, make an Ajax request using any jQuery method:</p>
     <pre><code>
-$( ".trigger)" ).on( "click", function() {
+$( ".trigger" ).on( "click", function() {
   $( ".result" ).load( "ajax/test.html" );
 } );
     </code></pre>

entries/ajaxSend.xml

@@ -33,7 +33,7 @@ $( document ).on( "ajaxSend", function() {
     </code></pre>
     <p>Now, make an Ajax request using any jQuery method:</p>
     <pre><code>
-$( ".trigger)" ).on( "click", function() {
+$( ".trigger" ).on( "click", function() {
   $( ".result" ).load( "ajax/test.html" );
 } );
     </code></pre>

entries/animate.xml

@@ -45,7 +45,7 @@
     </code></pre>
     <p>To animate the opacity, left offset, and height of the image simultaneously:</p>
     <pre><code>
-$( "#clickme)" ).on( "click", function() {
+$( "#clickme" ).on( "click", function() {
   $( "#book" ).animate({
     opacity: 0.25,
     left: "+=50",
@@ -101,7 +101,7 @@ $( "li" ).animate({
     <p>As of jQuery version 1.4, you can set per-property easing functions within a single <code>.animate()</code> call. In the first version of <code>.animate()</code>, each property can take an array as its value: The first member of the array is the CSS property and the second member is an easing function.  If a per-property easing function is not defined for a particular property, it uses the value of the <code>.animate()</code> method's optional easing argument. If the easing argument is not defined, the default <code>swing</code> function is used.</p>
     <p>For example, to simultaneously animate the width and height with the <code>swing</code> easing function and the opacity with the <code>linear</code> easing function:</p>
     <pre><code>
-$( "#clickme)" ).on( "click", function() {
+$( "#clickme" ).on( "click", function() {
   $( "#book" ).animate({
     width: [ "toggle", "swing" ],
     height: [ "toggle", "swing" ],
@@ -113,7 +113,7 @@ $( "#clickme)" ).on( "click", function() {
     </code></pre>
     <p>In the second version of <code>.animate()</code>, the options object can include the <code>specialEasing</code> property, which is itself an object of CSS properties and their corresponding easing functions.  For example, to simultaneously animate the width using the <code>linear</code> easing function and the height using the <code>easeOutBounce</code> easing function:</p>
     <pre><code>
-$( "#clickme)" ).on( "click", function() {
+$( "#clickme" ).on( "click", function() {
   $( "#book" ).animate({
     width: "toggle",
     height: "toggle"
@@ -137,7 +137,7 @@ $( "#clickme)" ).on( "click", function() {
     <code><![CDATA[
 // Using multiple unit types within one animation.
 
-$( "#go)" ).on( "click", function() {
+$( "#go" ).on( "click", function() {
   $( "#block" ).animate({
     width: "70%",
     opacity: 0.4,
@@ -162,11 +162,11 @@ $( "#go)" ).on( "click", function() {
   <example>
     <desc>Animates a div's left property with a relative value. Click several times on the buttons to see the relative animations queued up.</desc>
     <code><![CDATA[
-$( "#right)" ).on( "click", function() {
+$( "#right" ).on( "click", function() {
   $( ".block" ).animate({ "left": "+=50px" }, "slow" );
 });
 
-$( "#left)" ).on( "click", function(){
+$( "#left" ).on( "click", function(){
   $( ".block" ).animate({ "left": "-=50px" }, "slow" );
 });
 ]]></code>
@@ -191,7 +191,7 @@ $( "#left)" ).on( "click", function(){
 
 The second button starts a traditional chained animation, where each animation will start once the previous animation on the element has completed.</desc>
     <code><![CDATA[
-$( "#go1)" ).on( "click", function() {
+$( "#go1" ).on( "click", function() {
   $( "#block1" )
     .animate({
       width: "90%"
@@ -203,18 +203,18 @@ $( "#go1)" ).on( "click", function() {
     .animate({ borderRightWidth: "15px" }, 1500 );
 });
 
-$( "#go2)" ).on( "click", function() {
+$( "#go2" ).on( "click", function() {
   $( "#block2" )
     .animate({ width: "90%" }, 1000 )
     .animate({ fontSize: "24px" }, 1000 )
     .animate({ borderLeftWidth: "15px" }, 1000 );
 });
 
-$( "#go3)" ).on( "click", function() {
+$( "#go3" ).on( "click", function() {
   $( "#go1" ).add( "#go2" ).trigger( "click" );
 });
 
-$( "#go4)" ).on( "click", function() {
+$( "#go4" ).on( "click", function() {
   $( "div" ).css({
     width: "",
     fontSize: "",
@@ -248,7 +248,7 @@ $( "#go4)" ).on( "click", function() {
   <example>
     <desc>Animates the first div's left property and synchronizes the remaining divs, using the step function to set their left properties at each stage of the animation. </desc>
     <code><![CDATA[
-$( "#go)" ).on( "click", function() {
+$( "#go" ).on( "click", function() {
   $( ".block" ).first().animate({
     left: 100
   }, {

entries/animated-selector.xml

@@ -13,7 +13,7 @@
   <example>
     <desc>Change the color of any div that is animated.</desc>
     <code><![CDATA[
-$( "#run)" ).on( "click", function() {
+$( "#run" ).on( "click", function() {
   $( "div:animated" ).toggleClass( "colored" );
 });
 

entries/clearQueue.xml

@@ -14,7 +14,7 @@
   <example>
     <desc>Empty the queue.</desc>
     <code><![CDATA[
-$( "#start)" ).on( "click", function() {
+$( "#start" ).on( "click", function() {
   var myDiv = $( "div" );
   myDiv.show( "slow" );
   myDiv.animate({
@@ -38,7 +38,7 @@ $( "#start)" ).on( "click", function() {
   myDiv.slideUp();
 });
 
-$( "#stop)" ).on( "click", function() {
+$( "#stop" ).on( "click", function() {
   var myDiv = $( "div" );
   myDiv.clearQueue();
   myDiv.stop();

entries/css.xml

@@ -28,7 +28,7 @@
     <example>
       <desc>Get the background color of a clicked div.</desc>
       <code><![CDATA[
-$( "div)" ).on( "click", function() {
+$( "div" ).on( "click", function() {
   var color = $( this ).css( "background-color" );
   $( "#result" ).html( "That div is <span style='color:" +
     color + ";'>" + color + "</span>." );
@@ -54,7 +54,7 @@ $( "div)" ).on( "click", function() {
     <example>
       <desc>Get the width, height, text color, and background color of a clicked div.</desc>
       <code><![CDATA[
-$( "div)" ).on( "click", function() {
+$( "div" ).on( "click", function() {
   var html = [ "The clicked div has the following styles:" ];
 
   var styleProps = $( this ).css([

entries/detach.xml

@@ -14,7 +14,7 @@
   <example>
     <desc>Detach all paragraphs from the DOM</desc>
     <code><![CDATA[
-$( "p)" ).on( "click", function() {
+$( "p" ).on( "click", function() {
   $( this ).toggleClass( "off" );
 });
 var p;

entries/each.xml

@@ -74,7 +74,7 @@ $( document.body ).on( "click", function() {
   <example>
     <desc>To access a jQuery object instead of the regular DOM element, use <code>$( this )</code>. For example:</desc>
     <code><![CDATA[
-$( "span)" ).on( "click", function() {
+$( "span" ).on( "click", function() {
   $( "li" ).each(function() {
     $( this ).toggleClass( "example" );
   });

entries/fadeIn.xml

@@ -29,7 +29,7 @@
 <img id="book" src="book.png" alt="" width="100" height="123">
 
 // With the element initially hidden, we can show it slowly:
-$( "#clickme)" ).on( "click", function() {
+$( "#clickme" ).on( "click", function() {
   $( "#book" ).fadeIn( "slow", function() {
     // Animation complete
   });
@@ -88,7 +88,7 @@ $( document.body ).on( "click", function() {
   <example>
     <desc>Fades a red block in over the text. Once the animation is done, it quickly fades in more text on top.</desc>
     <code><![CDATA[
-$( "a)" ).on( "click", function() {
+$( "a" ).on( "click", function() {
   $( "div" ).fadeIn( 3000, function() {
     $( "span" ).fadeIn( 100 );
   });

entries/fadeOut.xml

@@ -30,7 +30,7 @@
     </code></pre>
     <p>With the element initially shown, we can hide it slowly:</p>
     <pre><code>
-$( "#clickme)" ).on( "click", function() {
+$( "#clickme" ).on( "click", function() {
   $( "#book" ).fadeOut( "slow", function() {
     // Animation complete.
   });
@@ -56,7 +56,7 @@ $( "#clickme)" ).on( "click", function() {
   <example>
     <desc>Animates all paragraphs to fade out, completing the animation within 600 milliseconds.</desc>
     <code><![CDATA[
-$( "p)" ).on( "click", function() {
+$( "p" ).on( "click", function() {
   $( "p" ).fadeOut( "slow" );
 });
 ]]></code>
@@ -76,7 +76,7 @@ $( "p)" ).on( "click", function() {
   <example>
     <desc>Fades out spans in one section that you click on.</desc>
     <code><![CDATA[
-$( "span)" ).on( "click", function() {
+$( "span" ).on( "click", function() {
   $( this ).fadeOut( 1000, function() {
     $( "div" ).text( "'" + $( this ).text() + "' has faded!" );
     $( this ).remove();
@@ -113,15 +113,15 @@ $( "span" ).hover(function() {
   <example>
     <desc>Fades out two divs, one with a "linear" easing and one with the default, "swing," easing.</desc>
     <code><![CDATA[
-$( "#btn1)" ).on( "click", function() {
+$( "#btn1" ).on( "click", function() {
   function complete() {
     $( "<div>" ).text( this.id ).appendTo( "#log" );
   }
   $( "#box1" ).fadeOut( 1600, "linear", complete );
   $( "#box2" ).fadeOut( 1600, complete );
 });
 
-$( "#btn2)" ).on( "click", function() {
+$( "#btn2" ).on( "click", function() {
   $( "div" ).show();
   $( "#log" ).empty();
 });