使用jQuery更改样式表

如何在html上使用div标签中的jquery更改样式表？ 或者更改样式表的jquery代码是什么？

在javascript中，我们使用以下代码：

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

有jQuery的方式吗？

Answer 1

有更好的方法来做你想要的但是如果你真的想删除并添加一个带有jquery的远程样式表，你可以这样做：

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

阅读有关^=属性选择器和attr()函数的更多信息

Answer 2

要更新完整主题，最好加载新的CSS文件。 在服务器端最容易完成，但如果你坚持动态加载：

 // 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); 

Answer 3

 document.getElementById('stylesheet').href = 'design4.css'; 

使用jQuery：

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

Answer 4

如何使用Javascript加载CSS文件？

这是类似的，运行良好，用jquery加载css

Answer 5

我使用此代码来启用或禁用基于页面的样式表。

  $(document).on('pagebeforeshow', function () { var URL = $.mobile.path.parseUrl(window.location).toString().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"); } });