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>
  <title>JS Bin</title>
  <link href="http://code.jquery.com/qunit/qunit-1.18.0.css" rel="stylesheet"/>
</head>
<body>
  <div id="qunit"></div>
  <div id="qunit-fixture"></div>
​
  <script src="http://code.jquery.com/qunit/qunit-1.18.0.js"></script>
​
  <script>
    module('$ attributes');
​
    test('$.fn.attr', function(){
            equal( $('#qunit-fixture').attr('id'), 'qunit-fixture' ,'can read id' );
            
            $('#qunit-fixture').html('<span></span><span></span>');
            
            $('#qunit-fixture span').attr('foo','bar');
            
            equal($('#qunit-fixture span')[0].getAttribute('foo'), 'bar', 'attribute set successfully');
            equal($('#qunit-fixture span')[1].getAttribute('foo'), 'bar', 'attribute set successfully');
            
            $('#qunit-fixture span')[0].setAttribute('foo','BAR');
            
            equal($('#qunit-fixture span').attr('foo'), 'BAR', 'read the first item in the collection\'s attr');
        });
  </script>
</body>
</html>
Output

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

Dismiss x
public
Bin info
alexisabrilpro
0viewers