Merge branch 'master' of github.com:jquery/web-learn-jquery-com

* 'master' of github.com:jquery/web-learn-jquery-com:
  Add attributes and traversing to jquery-basics

Author: Rebecca Murphey

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

@@ -0,0 +1,28 @@
+---
+chapter : "jqfundamentals"
+section : "4"
+title   : "Attributes"
+---
+## Attributes
+
+An element's attributes can contain useful information for your application, so it's important to be able to get and set them.
+
+The `$.fn.attr` method acts as both a getter and a setter. As with the `$.fn.css` method, `$.fn.attr` as a setter can accept either a key and a value, or an object containing one or more key/value pairs.
+
+<div class="example" markdown="1">
+Setting attributes
+
+    $('a').attr('href', 'allMyHrefsAreTheSameNow.html');
+    $('a').attr({
+        'title' : 'all titles are the same too!',
+        'href' : 'somethingNew.html'
+    });
+</div>
+
+This time, we broke the object up into multiple lines. Remember, whitespace doesn't matter in JavaScript, so you should feel free to use it liberally to make your code more legible! You can use a minification tool later to strip out unnecessary whitespace for production.
+
+<div class="example" markdown="1">
+Getting attributes
+
+    $('a').attr('href');  // returns the href for the first a element in the document
+</div>

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

@@ -0,0 +1,40 @@
+---
+chapter : "jqfundamentals"
+section : "5"
+title   : "Traversing"
+---
+## Traversing
+
+Once you have a jQuery selection, you can find other elements using your selection as a starting point.
+
+For complete documentation of jQuery traversal methods, visit [http://api.jquery.com/category/traversing/](http://api.jquery.com/category/traversing/ "Traversing documentation on api.jquery.com").
+
+<div class="note" markdown="1">
+### Note
+
+Be cautious with traversing long distances in your documents — complex traversal makes it imperative that your document's structure remain the same, something that's difficult to guarantee even if you're the one creating the whole application from server to client. One- or two-step traversal is fine, but you generally want to avoid traversals that take you from one container to another.
+</div>
+
+<div class="example" markdown="1">
+Moving around the DOM using traversal methods
+
+    $('h1').next('p');
+    $('div:visible').parent();
+    $('input[name=first_name]').closest('form');
+    $('#myList').children();
+    $('li.selected').siblings();
+</div>
+
+You can also iterate over a selection using `$.fn.each`. This method iterates over all of the elements in a selection, and runs a function for each one. The function receives the index of the current element and the DOM element itself as arguments. Inside the function, the DOM element is also available as `this` by default.
+
+<div class="example" markdown="1">
+Iterating over a selection
+
+    $('#myList li').each(function(idx, el) {
+        console.log(
+            'Element ' + idx +
+            'has the following html: ' +
+            $(el).html()
+        );
+    });
+</div>