javascript | jquery

Remove specific class from all elements - jQuery

This a short article about how can we remove a specific class from all elements that do have the class easily using jQuery.

Abhith Rajan
Abhith RajanOctober 23, 2017 · 1 min read · Last Updated:
Remove specific class from all elements - jQuery

Code first, talks later

$(".class-name").removeClass("class-name");

In the above code, we are finding all the elements that do have the class and removing it.

Story behind this post

Today my colleague asked me whether they can remove some specific class from whole elements who do have the class. Not just that, this has to be done only on mobile devices (post about Determine if the user is on the mobile device is coming next). This post is to make his day a little easier.

Update

The post Determine if the user is on the mobile device is live now.

javascriptjquery

This page is open source. Noticed a typo? Or something unclear?
Improve this page on GitHub

Abhith Rajan

Written byAbhith Rajan
Abhith Rajan is a software engineer by day and a full-stack developer by night. He's coding for almost a decade now. He codes 🧑‍💻, write ✍️, learn 📖 and advocate 👍.
Connect

Is this page helpful?

Buy me a coffee ☕

Related SnippetsView All

JavaScript
Decode JWT Token

Get JWT token payload using JavaScript Buffer

Last Updated · August 29, 2022
JavaScript
Domain Name From URL

Get domain name from URL using JavaScript

Last Updated · September 13, 2020

Related ArticlesView All

Vue.js List Rendering : Limit items in v-for
Vue.js List Rendering : Limit items in v-for
February 27, 2018 · 3 min read

One way to limit the iteration of items in Vue v-for directive.

abhith rajan
by Abhith Rajan
vuejavascript
JavaScript - Determine if user is on mobile device
JavaScript - Determine if user is on mobile device
October 25, 2017 · 1 min read

You can use navigator.userAgent value to determine if the user is on a mobile device.

abhith rajan
by Abhith Rajan
javascript
Get/Set hidden field value using jQuery
Get/Set hidden field value using jQuery
October 01, 2017 · 1 min read

This article explains how to set and get hidden field value using jQuery.

abhith rajan
by Abhith Rajan
javascriptjqueryaspnet-web-forms
Set selected option by value via jQuery
Set selected option by value via jQuery
August 19, 2017 · 1 min read

This article describes how to set the selected option in a select by its value via jQuery.

abhith rajan
by Abhith Rajan
javascriptjquery

Related VideosView All

Why pnpm?

javascript

Easy NPM Package Updates with Yarn Upgrade Interactive

javascript

The Async Await Episode I Promised

asynchronous-programmingjavascript

Related StoriesView All

JavaScript
Tauri: Mixing JavaScript With Rust for GUI Desktop Apps - The New Stack
thenewstack.io · Jul 29, 2024

We revisit Tauri, a framework to build desktop applications with any frontend framework and a Rust core. We check out the version 2.0 beta.

javascript
JavaScript
Detecting Fonts Ready
davidwalsh.name · Jun 23, 2023

The document.fonts object features a ready property which is a Promise representing if fonts have been loaded.

javascript
CSS
Why We’re Breaking Up with CSS-in-JS | Brad Frost
bradfrost.com · Oct 27, 2022

cssjavascript
JavaScript
Who is using pnpm?
techwatching.dev · Jul 11, 2023

javascript
JavaScript
Get the last N characters of a String in JavaScript | bobbyhadz
bobbyhadz.com · Nov 17, 2022

To get the last N characters of a string, call the `slice` method on the string, passing in `-n` as a parameter, e.g. `str.slice(-3)` returns a new string containing the last 3 characters of the original string.

javascript
JavaScript
New Qwik JavaScript Framework Seeks Faster Web Apps with Unique Approach: Resumability
infoq.com · Oct 24, 2022

Misko Hevery, creator of AngularJS, recently announced the beta availability of Qwik, his new web framework. Qwik claims to build applications that feel fast regardless of application size. In most ca

javascript