Управление на стилове CSS използване JQuery - Искам уеб сайт
Управление на CSS стилове с JQuery
Добър ден на всички. Днес, както обещах в урока "контролирате видимостта на даден обект с помощта на JQuery" поглед върху методите, които се използват за управление на CSS стилове, използващи JQuery.
Позволете ми да ви напомня, че с помощта на стилове можем да не само да се определи вида на елемент на дадена уеб страница, но също така и да контролира своята позиция, шоу и да го скрие, както желаете, преоразмеряване, и много повече. Образно казано, този, който е придобил достъп до управлението на CSS стил. която работи на уеб страница! А JQuery позволи на потребителите си на оферти!
За да добавите някой от елементите на стил, трябва да използвате следния метод: .css (име, стойност)
Нека, тъй като не е отишъл далеч от горната част на страницата, промените стила на заглавието на статията. Направете го, например, червено:
В този пример, I избран елемент identifikatorm идентификатор = "заглавието". който е отговорен за показване на името на сайта и добави стил, който цвят. Бутон е отговорен за използването или връщане стил по подразбиране.
Тъй като параметрите са употребявани имена и ценности, които се прилагат в CSS: фон, гранични, шрифта стил, цвят и т.н.
Ако искате да попитам за един артикул множествена CSS -rules, а след това използвайте следната Дизайнът е по-добре:
Тези инструкции ще направят предходната алинея текст синия цвят и тегло на шрифта настроено на 900.
Моля, имайте предвид, че за трудно съединение CSS свойства като шрифт тегло и фон-цвят се използват и паричните еквиваленти на JvaScript на: fontWeight, backgroundColor т.н.
За да се покаже методите на работа на други стилове да използвам помощта на многоцветни площади, които многократно са служили Ми служат на тези уроци като "контролирате позицията на слоя с помощта на Z-индекс" и "контролирате видимостта на даден обект с помощта на JQuery".
Нека да напомним на кода и стилове, за да ги създават:
$ ( "# Style2"). Щракнете (функция ()<$("#divRel1> . Div: първо ") removeClass ();>); $ (" # rstyle2 ") клик (функция ().<$("#divRel1> Разделение: първо ") addClass (" голям ");>) ;.
Това ръководство, като кликнете върху бутона "Премахване на класа". премахване на класа от първото дете елемент, съдържащ се в идентификатор ID = "divRel1" и добавете клас клас = "голям", след като кликнете върху бутона "Add Class."
Следващият метод добавя съответния клас на елемента, ако то не е, или премахване на този клас, ако продуктът вече не разполага с:
.toggleClass (клас)
Опитайте poklikat мишка в обхвата на рамкиране цветни квадрати. Цветът на фона ще се промени последователно.
Приемателен (първа линия) и избран (втори ред) ширина и височина на елемента може да бъде елемент, съответно чрез методи:
.ширина ()
.ширина (стойност)
.височина ()
.височина (стойност)
код показан по-горе избира последно: миналата идентификационен елемент ID = "divRel1" и използвайте променя, преместете превключвателя или да възстановите настройката по подразбиране, когато щракнете върху син квадрат. За съвети в начините, определени имот: курсора: показалка.
Това е една много интересна и важна характеристика на методите JQuery. те се използват както за параметрите на работа. и за получаване на стойности на тези параметри.
Но това не е всичко! JQuery прави възможно, ако е необходимо, отстранете CSS файл, свързан с HTML-страница и да прикачите нов:
$ ( "Връзка [медийни =" екран "]) ATTR (" HREF "," Alternative.css) .;
Опитайте се да се променя, според вашите предпочитания, стил или JQuery код. Чудя се какво ще получите?