So in this blog, we’re going to learn that Use add-remove CSS classes in jQuery?
So let’s go ahead and do that for first in index.html, with help of style.css & main.js and define-
Additional CSS classes can be added to an element via addClass() For instance, add the class .fancy-link to all anchor tags. Note that you *do not* add a dot in front of the class name here.
$(“a”).addClass(“fancy-link”);
You can also add multiple classes at once.
$(“p:first”).addClass(“large emphasize”);
To attach a class based on the index of the element in your selected set of elements, you can use a callback function.
$(“li li”).addClass(function(index) {
// This adds classes .item-0, .item-1, … to the list’s sub-items.
$(this).addClass(“item-” + index);
});
You can even use two parameters for the callback function, the index and the current class of the element.
$(“div”).addClass(function(index, currentClasses) {
console.log(currentClasses); // String containing all classes
// Add .red-box if the current classes contain "dummy"
if (currentClasses.indexOf("dummy") !== -1) {
return "red-box";
}
});
