First jQuery Program

First jQuery Program — a practical guide to first jQuery program with clear examples you can reuse in real projects.

jQuery Tutorial Series (8/101). Prefer one article? Read the complete jQuery tutorial.

Short description

Confirm the console has no $ is not defined errors.

Steps

1. Include jQuery.
2. Wait for ready.
3. Select and update an element.

Hello jQuery

<p id="msg">Hello</p>
<script src="jquery.min.js"></script>
<script>
$(function () {
  $('#msg').text('Hello jQuery');
});
</script>