avireni

## index.html
<!DOCTYPE html>
<html>
<head>
  <link rel='stylesheet' href='styles.css'/>
</head>
<body>
  <div class="flex-container">
    <div class="flex-item">Item 1</div>
    <div class="flex-item">Item 2</div>
    <div class="flex-item">Item 3</div>

## gist:2877304
Changing Content of HTML through jQuery

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").html("Change the content with jQuery");
  });

## jquery.snippets.js
Check if and which key was pressed
$(function() {
    $(document).keypress(function(e){
        switch(e.which){
        // "ENTER"
        case 13:
        alert('enter pressed');
        break;

        // "s"

## gist:2380745
$('#foo').bind('click', function() {
  alert('User clicked on "foo."');
});

## gist:2380741

$('button.someClass').live('click', someFunction);
	//Note that in jQuery 1.4.2, the delegate and undelegate options have been
	//introduced to replace live as they offer better support for context
    //For example, in terms of a table where before you would use..
	// .live()
	$("table").each(function(){
	  $("td", this).live("hover", function(){
		$(this).toggleClass("hover");
	  });

## gist:2380739
var elements = $('#someid input[type=sometype][value=somevalue]').get();

//This precision-based approached can be useful when you use lots of similar input elements which have different types


## gist:2380735
if ($('#div').html()) {  }

## gist:2380731
$('#div').replaceWith('sample');

## gist:2380726

//jQuery 1.4.* includes support for the has method. This method will find
 //if a an element contains a certain other element class or whatever it is
 //you are looking for and do anything you want to them.

$("input").has(".email").addClass("email_icon");

## gist:2380724
$('#div').append('text');
	<!DOCTYPE html>
	<html>
	<head>
	<link rel='stylesheet' href='styles.css'/>
	</head>
	<body>
	<div class="flex-container">
	<div class="flex-item">Item 1</div>
	<div class="flex-item">Item 2</div>
	<div class="flex-item">Item 3</div>
	Changing Content of HTML through jQuery

	<html>
	<head>
	<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){
	$("button").click(function(){
	$("p").html("Change the content with jQuery");
	});
	Check if and which key was pressed
	$(function() {
	$(document).keypress(function(e){
	switch(e.which){
	// "ENTER"
	case 13:
	alert('enter pressed');
	break;

	// "s"
	$('#foo').bind('click', function() {
	alert('User clicked on "foo."');
	});

	$('button.someClass').live('click', someFunction);
	//Note that in jQuery 1.4.2, the delegate and undelegate options have been
	//introduced to replace live as they offer better support for context
	//For example, in terms of a table where before you would use..
	// .live()
	$("table").each(function(){
	$("td", this).live("hover", function(){
	$(this).toggleClass("hover");
	});
	var elements = $('#someid input[type=sometype][value=somevalue]').get();

	//This precision-based approached can be useful when you use lots of similar input elements which have different types

	//jQuery 1.4.* includes support for the has method. This method will find
	//if a an element contains a certain other element class or whatever it is
	//you are looking for and do anything you want to them.

	$("input").has(".email").addClass("email_icon");