Core style

order.yml

@@ -33,6 +33,7 @@
   - feature-browser-detection
   - utility-methods
   - iterating
+  - understanding-index
 - events:
   - events-to-elements
   - inside-event-handling-function
@@ -59,8 +60,7 @@
 - plugins:
   - finding-evaluating-plugins
   - basic-plugin-creation
-  - a_plugin_development_pattern
-  - making_a_jquery_plugin_truly_customizable
+  - advanced-plugin-concepts
   - stateful-plugins-with-widget-factory
 - performance:
   - append-outside-loop

page/about-jquery/how-jquery-works.md

@@ -57,7 +57,7 @@ $( document ).ready( function() {
 Inside the ready event, add a click handler to the link:
 
 ```
-$( document ).ready(function(){
+$( document ).ready(function() {
 
   $("a").click(function( event ) {
 
@@ -106,7 +106,7 @@ element's src attribute
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
   <script>
 
-    $(document).ready(function() {
+    $( document ).ready(function() {
 
       $("a").click(function( event ) {
 
@@ -197,7 +197,7 @@ $.get( "myhtmlpage.html", myCallBack );
 The Wrong Way (will ***not*** work!)
 
 ```
-$.get( "myhtmlpage.html", myCallBack( param1, param2 ) );
+$.get( "myhtmlpage.html", myCallBack(param1, param2) );
 ```
 
 

page/ajax/ajax-and-forms.md

@@ -50,16 +50,16 @@ With that being said, let's jump on in to some examples! First, we'll see how ea
 // Using validation to check for the presence of an input
 $("#form").submit(function( e ) {
 
-	if ( $(".required").val().length === 0 ) { // if .required's value's length is zero
+  if ( $(".required").val().length === 0 ) { // if .required's value's length is zero
 
-		// usually show some kind of error message here
-		return false; // this prevents the form from submitting
+    // usually show some kind of error message here
+    return false; // this prevents the form from submitting
 
-	} else {
+  } else {
 
-		// run $.ajax here
+    // run $.ajax here
 
-	}
+  }
 
 });
 ```
@@ -70,19 +70,19 @@ Let's see how easy it is to check for invalid characters in a username:
 // Validate a phone number field
 $("#form").submit(function( e ) {
 
-	var inputtedPhoneNumber = $("#phone").val();
+  var inputtedPhoneNumber = $("#phone").val();
   var phoneNumberRegex = ^\d*$/; // match only numbers
 
-	if ( !phoneNumberRegex.test( inputtedPhoneNumber ) ) { // if the phone number doesn't match the regex
+  if ( !phoneNumberRegex.test( inputtedPhoneNumber ) ) { // if the phone number doesn't match the regex
 
-		// usually show some kind of error message ere
-		return false; // prevent the form from submitting
+    // usually show some kind of error message ere
+    return false; // prevent the form from submitting
 
-	} else {
+  } else {
 
-		// run $.ajax here
+    // run $.ajax here
 
-	}
+  }
 
 });
 ```
@@ -96,13 +96,13 @@ For example, say we would like to modify all crossDomain requests through a prox
 // Using a proxy with a prefilter
 $.ajaxPrefilter(function( options, originalOptions, jqXHR ) {
 
-	if ( options.crossDomain ) {
+  if ( options.crossDomain ) {
 
-		options.url = "http://mydomain.net/proxy/" + encodeURIComponent(options.url );
+    options.url = "http://mydomain.net/proxy/" + encodeURIComponent(options.url );
 
-		options.crossDomain = false;
+    options.crossDomain = false;
 
-	}
+  }
 
 });
 ```
@@ -113,7 +113,7 @@ You can pass in an optional argument before the callback function that specifies
 // Using the optional dataTypes argument">
 $.ajaxPrefilter( "json script", function( options, originalOptions, jqXHR ) {
 
-	// do all of the prefiltering here, but only for requests that indicate a dataType of "JSON" or "script"
+  // do all of the prefiltering here, but only for requests that indicate a dataType of "JSON" or "script"
 
 });
 ```

page/ajax/ajax-events.md

@@ -12,11 +12,11 @@ just like you'd bind other events.  For a complete list of Ajax events, visit
 // Setting up a loading indicator using Ajax Events
 $("#loading_indicator").ajaxStart(function() {
 
-    $(this).show();
+    $( this ).show();
 
   }).ajaxStop(function() {
 
-    $(this).hide();
+    $( this ).hide();
 
 });
 

page/code-organization/beware-anonymous-functions.md

@@ -8,33 +8,48 @@ maintain, test, or reuse. Instead, use an object literal to organize and name
 your handlers and callbacks.
 ```
 // BAD
-$(document).ready(function() {
-  $('#magic').click(function(e) {
-    $('#yayeffects').slideUp(function() {
+$( document ).ready(function() {
+
+  $("#magic").click(function(e) {
+
+    $("#yayeffects").slideUp(function() {
+
       // ...
+
     });
+
   });
 
-  $('#happiness').load(url + ' #unicorns', function() {
+  $("#happiness").load( url + " #unicorns", function() {
+
     // ...
+
   });
+
 });
 
 // BETTER
 var PI = {
+
   onReady : function() {
-    $('#magic').click(PI.candyMtn);
-    $('#happiness').load(PI.url + ' #unicorns', PI.unicornCb);
+
+    $("#magic").click( PI.candyMtn );
+
+    $("#happiness").load( PI.url + " #unicorns", PI.unicornCb );
+
   },
 
-  candyMtn : function(e) {
-    $('#yayeffects').slideUp(PI.slideCb);
+  candyMtn : function( e ) {
+
+    $("#yayeffects").slideUp( PI.slideCb );
+
   },
 
   slideCb : function() { ... },
 
   unicornCb : function() { ... }
+
 };
 
-$(document).ready(PI.onReady);
+$( document ).ready( PI.onReady );
 ```