Problem with jQuery CDN

koladeafolabi · October 15, 2020, 10:30am

Hi. I’ve been trying to get just the right CDN used by freeCodeCamp for jQuery. I added this $("#button1").addClass("animated bounce"); but isn’t going. I’m sure it’s the CDN problem 'cause this $("#button").css("color", "red") is working. Please I need the one freeCodeCamp uses. Thanks very much in advance.
Here’s the link to the pen

koladeafolabi · October 15, 2020, 11:58am

Please I really need the answer to this question to go on. FreeCodeCamp should have informed us of the CDN they’re using. Please, any help would be dearly appreciated. Thanks.
Here is the link once again

paulsonstech · October 15, 2020, 12:02pm

Hey @koladeafolabi. Sorry for not replying. I would have been happy to help but I don’t know jQuery yet! Try posting this question to freeCodeCamp’s Support subforum if you think this is a fault from their side.

Thanks for understanding.

ilenia · October 15, 2020, 12:10pm

the animations are from an other library, not just jQuery, I don’t remember which one and I wouldn’t know where to check now

that library has animations for classes like animated bounce and others

paulsonstech · October 15, 2020, 12:12pm

Is it animate.css? I have heard of a library like that using which you can create animations.

ilenia · October 15, 2020, 12:13pm

it can be, yes
the name matches at least, it could be worth a try

koladeafolabi · October 15, 2020, 12:14pm

I also went there but it doesn’t use the direct classes freecodecamp uses

paulsonstech · October 15, 2020, 12:15pm

I think this is the library:

ilenia · October 15, 2020, 12:18pm

this is the page of one of the challenges on github, in the table there is a comumn required, and you could use exactly that link

github.com

freeCodeCamp/freeCodeCamp/blob/master/curriculum/challenges/english/03-front-end-libraries/jquery/target-elements-by-class-using-jquery.md

---
id: bad87fee1348bd9aedc08826
title: Target Elements by Class Using jQuery
required:
  - link: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css'
challengeType: 6
forumTopicId: 18316
---

## Description
<section id='description'>
You see how we made all of your <code>button</code> elements bounce? We selected them with <code>$("button")</code>, then we added some CSS classes to them with <code>.addClass("animated bounce");</code>.
You just used jQuery's <code>.addClass()</code> function, which allows you to add classes to elements.
First, let's target your <code>div</code> elements with the class <code>well</code> by using the <code>$(".well")</code> selector.
Note that, just like with CSS declarations, you type a <code>.</code> before the class's name.
Then use jQuery's <code>.addClass()</code> function to add the classes <code>animated</code> and <code>shake</code>.
For example, you could make all the elements with the class <code>text-primary</code> shake by adding the following to your <code>document ready function</code>:
<code>$(".text-primary").addClass("animated shake");</code>
</section>

This file has been truncated. show original

ilenia · October 15, 2020, 12:20pm

to use this library you need to add it as a link in the pen settings in the CSS part, here:

in the JavaScript part you can also add all the *.js files you are inporting

koladeafolabi · October 15, 2020, 12:27pm

Thanks very much but what about the files
for JS

ilenia · October 15, 2020, 12:29pm

if you want to also add the links through the settings, go to JS section in the settings, you can add the JavaScript links there, you can also use the search bar there and it will suggest the links to you

koladeafolabi · October 15, 2020, 12:31pm

Thank you dearly

ilenia · October 15, 2020, 12:38pm

you will want to look at the console in CodePen, you have syntax issues that needs to be resolved

ilenia · May 31, 2021, 2:55pm