Carlos Rojas carlosrojaso

🎯

Focusing

Software Engineer

carlosrojaso / gist:8b055bd3541452cfdc85

Created May 15, 2014 10:35

CSS, Styling, & Dimensions

	// Setting CSS properties.

	$( "h1" ).css( "fontSize", "100px" ); // Setting an individual property.

	// Setting multiple properties.
	$( "h1" ).css({
	fontSize: "100px",
	color: "red"
	});

carlosrojaso / gist:15665ab3ffb30ff853cb

Created May 15, 2014 10:26

The jQuery Object

	// Viewing the number of <h1> tags on the page.

	var allHeadings = $( "h1" );

	alert( allHeadings.length );

carlosrojaso / gist:02d285db4fefcc086eb7

Created May 15, 2014 10:21

Working with Selections

	// The .html() method used as a setter:
	$( "h1" ).html( "hello world" );

	// The .html() method used as a getter:
	$( "h1" ).html();

carlosrojaso / gist:428d1a10c8dccb88b2cc

Created May 15, 2014 10:19

Selecting Elements

	$( "#myId" ); // Note IDs must be unique per page.
	$( ".myClass" );

carlosrojaso / gist:78f7c01c1e022c03be03

Created May 15, 2014 10:16

link The .attr() method

$( "a" ).attr( "href" ); // Returns the href for the first a element in the document

carlosrojaso / Putting jQuery Into No-Conflict Mode

Created May 15, 2014 10:10

JQuery Putting jQuery Into No-Conflict Mode

	<!-- Putting jQuery into no-conflict mode. -->
	<script src="prototype.js"></script>
	<script src="jquery.js"></script>
	<script>

	var $j = jQuery.noConflict();
	// $j is now an alias to the jQuery function; creating the new alias is optional.

	$j(document).ready(function() {
	$j( "div" ).hide();

carlosrojaso / $( document ).ready()

Created May 15, 2014 10:07

Jquery $( document ).ready()

	<html>
	<head>
	<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
	<script>
	$( document ).ready(function() {
	console.log( "document loaded" );
	});

	$( window ).load(function() {
	console.log( "window loaded" );

carlosrojaso / Query: The Basics

Created May 15, 2014 09:46

Query: The Basics

	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>Demo</title>
	</head>
	<body>
	<a href="http://jquery.com/">jQuery</a>
	<script src="jquery.js"></script>
	<script>

carlosrojaso / JS reserved

Created May 14, 2014 21:22

JS reserved

carlosrojaso / jsbreak

Created May 14, 2014 21:22

JS break