как изменить встроенный стиль страницы с помощью jquery - PullRequest
Новая
       28

как изменить встроенный стиль страницы с помощью jquery

0 голосов
/ 12 ноября 2009

У меня есть встроенные стили на моей странице как: 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>:: Inline Style Page ::</title>
<style type="text/css">
    <!--
    body
    {
        background: #fff;
        font: normal 12px Tahoma, Verdana, Arial;
        color: #636363;
    }
    #header
    {
        height: 60px;
    }
    #menu
    {
        background: #fff;
        height: 30px;
    }
    #footer
    {
        height: 50px;
        background: #fff;
    }
    -->
</style>

Мне нужно обновить или добавить некоторые стили для встроенных стилей, используя jquery ..

Я пытаюсь обновить шрифт, цвет фона страницы / divs / controls с помощью jquery. У меня будут встроенные стили (загруженные из базы данных) для стиля содержимого моей страницы. Пользователь моего приложения может изменить некоторые стили и обновить их обратно в базу данных.

Это почти как создание пользовательского приложения страницы (asp.net mvc в c #).

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

Ответы [ 2 ]

4 голосов
/ 12 ноября 2009

В обычном jQuery есть функция .css(), так что вы можете просто сказать 

$("#header").css("height", "150px");

См. jQuery CSS

1 голос
/ 12 ноября 2009

Попробуйте jQuery.Rule

Тогда вы бы сделали: 

$.rule('body { backgound-color: #ff0000 }').appendTo('style');

, чтобы изменить цвет фона тела на красный, горящий глаз.

Если вы просто хотите добавить или переопределить определенные вещи, вы можете использовать обычный jQuery для добавления атрибута style к определенным элементам на основе идентификатора / класса: 

// add to element with id="foo"
$('#foo').attr("style", {backgroundColor: "#ff0000"}) 
// add to ALL elements with class="bar"
$('.bar').attr("style", {backgroundColor: "#ff0000"})
...