Changer une feuille de style avec jQuery

Comment changer une feuille de style en utilisant jquery dans une balise div en HTML? ou quel est le code jQuery pour changer les feuilles de style?

en javascript, nous utilisons le code ci-dessous:

 function changeStyle() { document.getElementById('stylesheet').href = 'design4.css'; }  

Y a-t-il un moyen jQuery?

Il existe de meilleures façons de faire ce que vous demandez, mais si vous voulez vraiment supprimer et append une feuille de style distante avec jquery, vous pouvez le faire:

 $('link[href^=old_css_file.css]').attr('href', '/path_to_new_css/file.css'); 

En savoir plus sur le sélecteur d’atsortingbuts ^= et la fonction attr()

Pour mettre à jour le thème complet, il est préférable de charger un nouveau fichier CSS. Le plus facile est fait côté serveur mais si vous insistez pour un chargement dynamic:

 // Don't know jQuery, this is regular JS: var newCss = document.createElement('link'); newCss.rel = 'stylesheet'; newCss.type = 'text/css'; newCss.href = '/path/to/new/cssfile.css'; document.body.appendChild(newCss); 
 document.getElementById('stylesheet').href = 'design4.css'; 

en utilisant jQuery:

 $("#styleshhet").attr('href', 'design4.css'); 

Comment charger des fichiers CSS en Javascript?

Voici quelque chose de similaire qui fonctionne bien, Chargement de css avec jQuery

J’utilise ce code pour activer ou désactiver une feuille de style basée sur une page.

  $(document).on('pagebeforeshow', function () { var URL = $.mobile.path.parseUrl(window.location).toSsortingng().toLowerCase(); if (URL.indexOf("/investment.aspx") > -1 || URL.indexOf("/employees.aspx") > -1) { $("link[href^='../../Public/LongLabels.css']").attr("media", "all"); } else { $("link[href^='../../Public/LongLabels.css']").attr("media", "not all"); } });