Bruce Kyle nextechu

## jquery-selectbyid
<p id="hellothere">Hello World</p>

.. omitted code

//Select the element by it's ID
alert($("#hellothere").text()); // Hello World


## jqeury-selectbyid
<p id="hello">Hello World</p>

.. omitted code

//Select the element by it's ID
var element = $("#hello");

## gist:9862805
<p class="hello">Hello</p>
<p class="hello">World</p>

<script>
     //Select both element by it's class
     var elements = $(".hello");
</script>

## jquery-document-ready
<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <p id="hellothere" class="hello">Hello</p>
    <p class="hello">World</p>
    <script src="Scripts/jquery-2.1.0.js"></script>
    <script>

## jquery-doc-ready
$(document).ready(function () {
  //Code here
});

## jquery-jquery-hello-by-id
<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <p id="hellothere" class="hello">Hello</p>
    <p class="hello">World</p>
    <script src="Scripts/jquery-2.1.0.js"></script>
    <script>

## jquery-selector-by-class
<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <p id="hellothere" class="hello">Hello</p>
    <p class="hello">World</p>
    <script src="Scripts/jquery-2.1.0.js"></script>
    <script>

## jquery-lots-of-selectors
<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<div>

    <div id="div1">My div with id attribute of div1</div>

## jquery-test-exist
if ($(“div”).length) {
  //do something.
}

## minimal-skeleton.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Your title</title>
</head>

<body>
 The document content
</body>
	<p id="hellothere">Hello World</p>

	.. omitted code

	//Select the element by it's ID
	alert($("#hellothere").text()); // Hello World
	<p id="hello">Hello World</p>

	.. omitted code

	//Select the element by it's ID
	var element = $("#hello");
	<p class="hello">Hello</p>
	<p class="hello">World</p>

	<script>
	//Select both element by it's class
	var elements = $(".hello");
	</script>
	<!DOCTYPE html>
	<html>
	<head>
	<title></title>
	</head>
	<body>
	<p id="hellothere" class="hello">Hello</p>
	<p class="hello">World</p>
	<script src="Scripts/jquery-2.1.0.js"></script>
	<script>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>Your title</title>
	</head>

	<body>
	The document content
	</body>