Изменение таблицы стилей с помощью jQuery

Question

Как мне изменить таблицу стилей, используя jquery в теге div на html? или каков код jquery для изменения таблиц стилей?

в javascript, мы используем следующий код:

<script type="text/javascript">
 function changeStyle() {
 document.getElementById('stylesheet').href = 'design4.css';
 }
</script>

Есть ли способ jQuery?

Answer 1

есть лучшие способы сделать то, что вы просите, но если вы действительно хотите удалить и добавить удаленную таблицу стилей с помощью jquery, вы можете сделать это:

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

Подробнее о селекторе атрибутов ^= и функции attr()

Answer 2

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

с использованием jQuery:

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

Answer 3

Для обновления полной темы лучше всего загрузить новый файл 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 4

Этот код используется для включения или отключения таблицы стилей на основе страницы.

 $(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");
        }
    });

Answer 5

Как загрузить файлы CSS с помощью Javascript?

Вот что-то похожее, что хорошо работает, Загрузка CSS с помощью jquery