Note: Seperate each class with a comma. Hope it helps developer.. Re: Re: How to Get All The trigger () function will raise an event whenever the class of the button is changed. You can try to run the following code to remove all CSS classes using jQuery: How do you select all elements with the same class? An element can have multiple classes; only one of them must match. You can use the jQuery .appendTo () method to move an element into another element. The selected element will be taken out completely from its old location in the DOM and inserted at the end of the target container. Let's try out the following example: any modification, price change, suspension or It may cause problems in some browsers. jQuery has several methods for CSS manipulation. A click function contains the jQuery css method to apply the CSS to the HTML element when someone click on the text. We will look at the following methods:addClass () - Adds one or more classes to the selected elementsremoveClass () - Removes one or more classes from the selected elementstoggleClass () - Toggles between adding/removing classes from the selected elementscss () - Sets or returns the style attribute Using className You can also use className to replace all existing classes with one or more new classes. }); Initially the page looked like the following image. Answer: Use the jQuery each () Method You can simply use the jQuery each () method to loop through elements with the same class and perform some action based on the specific condition. In plain The jquery add event. // replaces all existing classes with MyClass and $(this).addClass('showhideExtra_down_hover'); jquery add click event to class. To select elements by a given class name, you use the getElementsByClassName () method: let elements = document.getElementsByClassName ('className');