mgol/jquery-es6-example.md

## jquery-es6-example.md

      
    Raw
  

              jquery-es6-example.md
            
          
    jQuery source is now authored using ES6 modules. It's possible to use them directly in the browser without any build process.
To test it locally, first clone the jQuery repository:
git clone git@github.com:jquery/jquery.git
Then, write the following index.html file:
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>jQuery ES6 modules test page</title>
</head>
<body>
  <div id="message"></div>
  <script type="module">
	  import $ from "./jquery/src/jquery.js";
	  $('#message').text('Hi from jQuery!');
  </script>
</body>
</html>
Afterwards, run a local HTTP server in the current directory:
npx http-server -p 3000
Then open http://localhost:3000 in your web browser and see jQuery did its work.