change one stylesheet out of multiple using jquery

Question

I have multiple stylesheet put only want to change out one (lets call it dark.css) for another (lets call it light.css); without effecting any of the others. I know jQuery will change out a current stylesheet for another fairly easily, but I can't seem to figure out how just change the one stylesheet.

Currently working with something like this:

$(".dark-button").click(function() {
$("link[rel=stylesheet]").attr({href : "dark.css"});
});

// light
$(".light-button").click(function() {
$("link[rel=stylesheet]").attr({href : "light.css"});
});

});

heymrcarter · Accepted Answer · 2011-02-15 20:32:44Z

1

the best way to do it is probably assign an id to the <link> tag of the stylesheet you want to change. something like

$('#stylesheet').attr('href', 'style.css');

or you could add it dynamically, like so

$('.dark-button').click(function(){
    $('head').append("<link rel='stylesheet' type='text/css' href='dark.css'/>");
});

and do the same thing for the light button

answered Feb 15, 2011 at 20:32

heymrcarter

6781 gold badge7 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

change one stylesheet out of multiple using jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related