Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>Example</title>
<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
  article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
  body {
    font-family: sans-serif;
  }
</style>
</head>
<body>
  <div id="columns"></div>
</body>
</html>
 
jQuery(function($) {
​
  $("<div>I won't have an id or class (click me)</div>", {
    "id": "foo1",
    "class": "bar"
  }).appendTo(document.body);
  $("<div>", {
    "id": "foo2",
    "class": "bar"
  }).text("But I will (click me)").appendTo(document.body);
  
  $("div").click(function() {
    $("<p>")
      .text("My id is '" + this.id +
            "' and my class is '" + this.className + "'"
           )
      .appendTo(document.body);
  });
       
});
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers