Target Elements By Class Using JQuery - Snakify

Home » Add Class To Id Element Jquery » Target Elements By Class Using JQuery - Snakify

Maybe your like

Toggle navigation For teachers Chessnawk - my new expanded beginners' curriculum English español Português Русский 日本語 한국어 français Deutsch polski العربيّة Türkçe

Lesson: jQuery

Target Elements by Class Using jQuery

You see how we made all of your button elements bounce? We selected them with $("button"), then we added some CSS classes to them with .addClass("animated bounce");.

You just used jQuery's .addClass() function, which allows you to add classes to elements.

First, let's target your div elements with the class well by using the $(".well") selector.

Note that, just like with CSS declarations, you type a . before the class's name.

Then use jQuery's .addClass() function to add the classes animated and shake.

For example, you could make all the elements with the class text-primary shake by adding the following to your document ready function:

$(".text-primary").addClass("animated shake");

The content on this page is licensed under Attribution-ShareAlike 4.0 International. Original authors: freeCodeCamp, the content was modified.

Tag » Add Class To Id Element Jquery