Remove incorrect information

Add extra explanation about jQuery/$
stephenmckeon · May 26, 2016 · 9151663 · 9151663
1 parent 8b1e81e
commit 9151663
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 12 deletions.
diff --git a/README.md b/README.md
@@ -2,17 +2,17 @@
 
 ## Objectives
 
-+ Link jQuery to HTML file
++ Load jQuery in HTML file
 + Write inline jQuery to modify HTML
 + Explain how jQuery modifies HTML
 
 ## Inline jQuery
 
-We're going to use jQuery to add some text to our HTML page. 
+We're going to use jQuery to add some text to our HTML page.
 
 ### Include jQuery Link
 
-In order to start writing jQuery, we need to include the library in our HTML. One way to do this would be to download a copy of the jQuery library and include it with our project. We can also link to the library hosted by a content delivery network, or CDN. For this example, we'll be loading jQuery from Google's CDN. You'll want to copy the code below and paste it `html/index.html` in between your head tags. This script tag links our HTML file to the jQuery library.
+In order to start writing jQuery, we need to include the library in our HTML. One way to do this would be to download a copy of the jQuery library and include it with our project. We can also link to the library hosted by a content delivery network, or CDN. For this example, we'll be loading jQuery from Google's CDN. Copy the code below and paste it `html/index.html` at the very bottom of the HTML `body` (right above the `</body>` close tag). This `script` tag links our HTML file to the jQuery library.
 
 ```html
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
@@ -24,7 +24,7 @@ Go ahead and open `html/index.html` in the browser. You should see a really bori
 
 We want to add the text `hey hey hey hey!!!!!` to end of our paragraph.
 
-At the bottom of `index.html`, right before the closing `body` tag, we'll want to add an opening and a closing `script` tag:
+Below our `script` tag that loads jQuery, right before the closing `body` tag, we'll want to add an opening and a closing `script` tag:
 
 ```html
 <script>
@@ -41,10 +41,10 @@ $("#yo").append("hey hey hey hey!!!!!");
 
 Save the changes to `html/index.html` and reload in the browser. You should see `yo yo yo yo yo yo yo hey hey hey hey!!!!!` on the page!!
 
-The `$` tells our browser that we're using jQuery. The `("#yo")` is our jQuery selector -- we're selecting the HTML element with the ID `yo`. We're then using the jQuery `append` function, which adds text to an HTML element, and we're passing in `"hey hey hey hey!!!!!"` which is the text we want to add.
+The `$` is just a function — it's equivalent to `jQuery` (which is also a function that you can call). You might think of it as a fancy alias (with a few tricks up its sleeve) to `document.querySelectorAll`.
 
-Don't worry too much about the mechanics of these selectors and functions, we'll go over those in way more detail. Just notice that the text appeared on the screen!
+`"#yo"` is our jQuery selector -- we're selecting the HTML element with the ID `yo`. We're then using the jQuery `append` function, which adds text to an HTML element, and we're passing in `"hey hey hey hey!!!!!"` which is the text we want to add.
 
-<p data-visibility='hidden'>View <a href='https://learn.co/lessons/js-jquery-modify-html-readme' title='Modify HTML With jQuery'>Modify HTML With jQuery</a> on Learn.co and start learning to code for free.</p>
+Don't worry too much about the mechanics of these selectors and functions, we'll go over those in way more detail. Just notice that the text appeared on the screen, even though we didn't explicitly add it between the `p` tags.
 
-<p class='util--hide'>View <a href='https://learn.co/lessons/js-jquery-modify-html-readme'>Modifying HTML with jQuery</a> on Learn.co and start learning to code for free.</p>
+<p data-visibility='hidden'>View <a href='https://learn.co/lessons/js-jquery-modify-html-readme' title='Modify HTML With jQuery'>Modify HTML With jQuery</a> on Learn.co and start learning to code for free.</p>
diff --git a/html/index.html b/html/index.html
@@ -2,8 +2,5 @@
 <head>
 </head>
 <body>
-
   <p id="yo"> yo yo yo yo yo yo yo </p>
-
-
-</body>
+</body>
-Original file line number
+Diff line change
@@ Expand Up / @@ -2,8 +2,5 @@ @@
     <head>
     </head>
     <body>
       <p id="yo"> yo yo yo yo yo yo yo </p>
-    </body>
+    </body>