changed title attr on jquery-basics files to jquery-basics, some start on jquery-core

Author: danheberden

content/jquery-fundamentals/jquery-basics/attributes.md

@@ -1,5 +1,5 @@
 ---
-chapter : jqfundamentals
+chapter : jquery-basics
 section : 4
 title   : Attributes
 attribution:  jQuery Fundamentals

content/jquery-fundamentals/jquery-basics/css-styling-dimensions.md

@@ -1,5 +1,5 @@
 ---
-chapter : jqfundamentals
+chapter : jquery-basics
 section : 3
 title   : CSS, Styling, & Dimensions
 attribution:  jQuery Fundamentals

content/jquery-fundamentals/jquery-basics/document-ready.md

@@ -1,5 +1,5 @@
 ---
-chapter : jqfundamentals
+chapter : jquery-basics
 section : 1
 title   : $(document).ready()
 attribution:  jQuery Fundamentals

content/jquery-fundamentals/jquery-basics/exercises.md

@@ -1,5 +1,5 @@
 ---
-chapter : jqfundamentals
+chapter : jquery-basics
 section : 7
 title   : Exercises
 attribution:  jQuery Fundamentals

content/jquery-fundamentals/jquery-basics/manipulating-elements.md

@@ -1,5 +1,5 @@
 ---
-chapter : jqfundamentals
+chapter : jquery-basics
 section : 6
 title   : Manipulating Elements
 attribution:  jQuery Fundamentals

content/jquery-fundamentals/jquery-basics/selecting-elements.md

@@ -1,7 +1,8 @@
 ---
-chapter : "jqfundamentals"
-section : "2"
-title   : "Selecting Elements"
+chapter : jquery-basics
+section : 2
+title   : Selecting Elements
+attribution:  jQuery Fundamentals
 ---
 ## Selecting Elements
 

content/jquery-fundamentals/jquery-basics/traversing.md

@@ -1,5 +1,5 @@
 ---
-chapter : "qfundamentals
+chapter : jquery-basics
 section : 5
 title   : Traversing
 attribution:  jQuery Fundamentals

content/jquery-fundamentals/jquery-basics/working-with-selections.md

@@ -1,5 +1,5 @@
 ---
-chapter : jqfundamentals
+chapter : jquery-basics
 section : 3
 title   : Working with Selections
 attribution:  jQuery Fundamentals

content/jquery-fundamentals/using-jquery-core/dollar-object-vs-function.md

@@ -0,0 +1,26 @@
+---
+chapter : jquery-core
+section : 1
+title   : $ vs $()
+attribution:  jQuery Fundamentals
+---
+## $ vs $()
+
+Until now, we’ve been dealing entirely with methods that are called on a jQuery object. For example:
+
+<div class="example" markdown="1">
+    $('h1').remove();
+</div>
+
+Most jQuery methods are called on jQuery objects as shown above; 
+these methods are said to be part of the `$.fn` namespace, or the “jQuery prototype,” and are best thought of as jQuery object methods.
+
+However, there are several methods that do not act on a selection; 
+these methods are said to be part of the jQuery namespace, and are best thought of as core jQuery methods.
+
+This distinction can be incredibly confusing to new jQuery users. Here’s what you need to remember:
+
+*	Methods called on jQuery selections are in the `$.fn` namespace, and automatically receive and return the selection as this.
+*	Methods in the $ namespace are generally utility-type methods, and do not work with selections; they are not automatically passed any arguments, and their return value will vary.
+
+There are a few cases where object methods and core methods have the same names, such as `$.each` and `$.fn.each`. In these cases, be extremely careful when reading the documentation that you are exploring the correct method.

content/jquery-fundamentals/using-jquery-core/utility-methods.md

@@ -0,0 +1,103 @@
+---
+chapter : jquery-core
+section : 2
+title   : Utility Methods
+attribution:  jQuery Fundamentals
+---
+## Utility Methods
+
+jQuery offers several utility methods in the $ namespace. 
+These methods are helpful for accomplishing routine programming tasks. 
+Below are examples of a few of the utility methods; for a complete reference on jQuery utility methods, visit [http://api.jquery.com/category/utilities/](http://api.jquery.com/category/utilities/ "Utilities documenations on api.jquery.com").
+
+### $.trim
+
+<div class="example" markdown="1">
+Removes leading and trailing whitespace.
+
+    $.trim('    lots of extra whitespace    ');
+    // returns 'lots of extra whitespace'
+</div>
+
+### $.each
+
+<div class="example" markdown="1">
+Iterates over arrays and objects.
+
+    $.each([ 'foo', 'bar', 'baz' ], function(idx, val) {
+        console.log('element ' + idx + 'is ' + val);
+    });
+
+    $.each({ foo : 'bar', baz : 'bim' }, function(k, v) {
+        console.log(k + ' : ' + v);
+    });
+</div>
+
+<div class="note" markdown="1">
+### Note
+
+There is also a method `$.fn.each`, which is used for iterating over a selection of elements.
+</div>
+
+### $.inArray
+
+<div class="example" markdown="1">
+Returns a value's index in an array, or -1 if the value is not in the array.
+
+    var myArray = [ 1, 2, 3, 5 ];
+    
+    if ($.inArray(4, myArray) !== -1) {
+        console.log('found it!');
+    }
+</div>
+
+### $.extend
+
+<div class="example" markdown="1">
+Changes the properties of the first object using the properties of subsequent objects.
+
+    var firstObject = { foo : 'bar', a : 'b' };
+    var secondObject = { foo : 'baz' };
+    
+    var newObject = $.extend(firstObject, secondObject);
+    console.log(firstObject.foo); // 'baz'
+    console.log(newObject.foo);   // 'baz'
+</div>
+
+<div class="example" markdown="1">
+If you don't want to change any of the objects you pass to `$.extend`, pass an empty object as the first argument.
+
+    var firstObject = { foo : 'bar', a : 'b' };
+    var secondObject = { foo : 'baz' };
+    
+    var newObject = $.extend({}, firstObject, secondObject);
+    console.log(firstObject.foo); // 'bar'
+    console.log(newObject.foo);   // 'baz'
+</div>
+
+### $.proxy
+
+<div class="example" markdown="1">
+Returns a function that will always run in the provided scope — that is, sets the meaning of this inside the passed function to the second argument.
+
+    var myFunction = function() { console.log(this); };
+    var myObject = { foo : 'bar' };
+    
+    myFunction(); // logs window object
+    
+    var myProxyFunction = $.proxy(myFunction, myObject);
+    myProxyFunction(); // logs myObject object
+</div>
+
+<div class="example" markdown="1">
+If you have an object with methods, you can pass the object and the name of a method to return a function that will always run in the scope of the object.
+
+    var myObject = {
+        myFn : function() {
+            console.log(this);
+        }
+    };
+    
+    $('#foo').click(myObject.myFn); // logs DOM element #foo
+    $('#foo').click($.proxy(myObject, 'myFn')); // logs myObject
+</div>