#removeclass

Adding/Removing classes on resize JQuery

https://www.sitepoint.com/community/t/adding-removing-classes-on-resize-jquery/191805

http://pastebin.com/PbqRV590

Sample Code shown in below::

$(window).on(‘load, resize’, function mobileViewUpdate() { var viewportWidth = $(window).width(); if (viewportWidth < 768) {

$(“.topSocialList”).removeClass(“pull-right”).addClass(“pull-left”); $(“.topSocialList”).find(“a”).css(‘border-right’,’0px’);

}

el…

How to: JQuery removeClass wildcard

JQuery removeClass wildcard

Is there any easy way to remove all classes matching, for example,

color-*

so if I have an element:

<div id="hello" class="color-red color-brown foo bar"></div>

after removing, it would be

<div id="hello" class="foo bar"></div>

Thanks!

Answer: JQuery removeClass wildcard

$('div').attr('class', function(i, c){ return c.replace(/(^|\s)color-\S+/g, ''); });

Answer:…

jQuery’de CSS İşlemleri

Elementlerin CSS Stillerini ekleme, değiştirme, silme gibi işlemler için dört ana fonksiyonumuz vardır. - addClass() belirtilen elemente stil ekler.  - removeClass() belirtilen elementteki stili kaldırır. - toggleClass() belirtilen elementte stili değiştirir. - css() belirtilen element için stil belirlememize yarar. Daha önceden stil belirtilmemiş bir HTML elementine stil eklemek için addClass(“stil…

I have a list like this:

<ul>     <li><a class="selected" href="#">ACT</a></li>                           <li><a href="#">New South Wales</a></li>      <li><a href="#">Northern Territory</a></li>      <li><a href="#">Queensland</a></li>      <li><a href="#">South Australia</a></li>      <li><a href="#">Tasmania</a></li>                                          <li><a href="#">Victoria</a></li>                                                                      <li><a href="#">Western Australia</a></li> </ul>

When an anchor tag is clicked, I want to remove any current instances of the "selected" class, then add the "selected" class to the anchor tag that was just clicked.

So, from the anchor tag that was clicked ('this'), I need to go up two levels (first is li, second is ul), then find all the anchor tags in that ul and remove the class.

In the document.ready section:

$("#the-ID").hover( function() { $(this).addClass('active') }, function() { $(this).removeClass('idle') } )