ПредишенСледващото

Днес, ние гледаме на методите, които се използват за CSS стилове.

Така че, за да добавите някой от елементите на стила, трябва да използвате следния метод:

Това ръководство obvedet Разделения синя рамка.

Тъй като параметрите са употребявани имена и ценности, които се прилагат в CSS: фон, гранични, шрифта стил, цвят и т.н.

Ако искате да попитам за един артикул няколко CSS-правила, по-добре е да се използва следната структура:

Това ръководство obvedet Разделение синя рамка, да направи червен фон и текст - удебелен шрифт.

Моля, имайте предвид, че за slozhnosostavnyh CSS свойства, като шрифт тегло и фон-цвят използват IE еквиваленти на JS: fontWeight, backgroundColor т.н.

Ето и някои други методи за работа с стилове:

Тази инструкция добавя основната класа на последния елемент на секцията.

Тази инструкция ще изтрие главния клас на всички четни точки.

Тази инструкция ще изтрие главния клас на всички точки, ако е наличен. И добавите този клас, ако той отсъства.

Тази инструкция ви позволява да получите вдлъбнатината в ляво и отгоре на елемента. За да получите стойността на даден имот, да се използва от следните свойства: offset.left да добавите отстъп отляво offset.top - на тире по-горе.

Това ръководство осигурява (първа линия) и да зададете (втори ред) височина на елемента.

Този наръчник осигурява (първа линия) и избран (втори ред) ширина на елемент.

Друг пример:
Var widDiv = $ ( "Разделение") ширина () .; $ ( "Div.fir") ширина (300) .;
Ширината на първа линия на първата стойност писане в променлива widDiv DIV-а. Втората инструкция определя широчината на клас ела DIV-Am на 300 пиксела.

Това е много интересна особеност JQuery методи: те се използват като параметри за определяне (2 аргумент при получаване), и за получаване на стойности на тези параметри (ако аргумент се предава).


Нека използваме това знание ще направи меню с раздели, така че този вид (прелистите разделите):
JQuery - CSS

раздел 1
раздел 2
раздел 3
раздел 4

Така че, HTML-код на страницата, както следва:


Както можете да видите, за всички раздели имат само един клас стил определено vkl и избрания раздел е избран клас.

Външен вид предписва на style.css страница

Остава най-интересните, а именно Чанг () функция:


Е, как действа тя? Първо търси елемент, който е избран един клас, и този клас тя се отстранява. След това (втори ред), избран елемент (с ID, предаден на функция като параметър и) добавен към избрания клас. Това е толкова просто.

В следващия урок ние научите как да използвате JQuery да поставите парчета от HTML-кода на страницата, и да ги манипулира.

Свързани статии

Подкрепете проекта - споделете линка, благодаря!