Target HTML Elements with Selectors Using jQuery
Now we have a
document ready function.
Now let's write our first jQuery statement. All jQuery functions start with a
$, usually referred to as a
dollar sign operator, or as
jQuery often selects an HTML element with a
selector, then does something to that element.
For example, let's make all of your
button elements bounce. Just add this code inside your document ready function:
Note that we've already included both the jQuery library and the Animate.css library in the background so that you can use them in the editor. So you are using jQuery to apply the Animate.css
bounce class to your
Additionally make sure to use
$("button").addClass("animated bounce"); instead of
$('button').addClass("animated bounce"); since single-quote selectors will not pass our tests.