Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30


Чувашия-это моя Россия

Функции removeClass() и toggleClass().

Функция removeClass() удаляет указанный класс из выбранных элементов то есть функция removeClass() применяется для удаления одного или нескольких имен классов из атрибута класса каждого совпавшего элемента из выборки документа.

Функции removeClass(function(индекс, класс)) возвращает один, может быть несколько имен класса для удаления, при этом получает индекс расположения элемента в выборке элементов, и старое значение класса в качестве аргументов. При условии включения имени класса как параметр данный класс будет удален из выборки соответствующих элементов документа на странице сайта. Если не имеется имени класса как параметр, то все классы будут удалены.

Более одного класса может быть удаленно одновременно, разделенных пробелами, в наборе соответствующих элементов, как например, если хотим удалить класс big из тега < table> напишем код программы такой:

                  $('table').removeClass('big');

А, вот, при помощи функции toggleClass() можем включать или отключать ( то есть переключать) конкретно выбранные классы, по другому говоря, добавлять класс, если его еще нет, или удалять класс со страниц сайта, если он уже имеется. Переключение тегов и элементов — распространенный способ отображения элемента в действии или не в действии. Вот щелкая по элементу «переключатель», можно включать (on); когда щелкаем по нему снова то отключаем (off).

Возьмем конкретный пример по абзацам. Пусть имеются четыре абзаца, окраженных оранжевый цвет на всю ширину колонки страницы сайта. Напишем следующий код программы с применением функции toggleClass(): при клике левой кнопкой мыши на абзац запускается наша функция добавления класса к существующему классу абзаца, к этому классу абзацев мы пррименим другой стиль посредством стилевой функции css() и изменим и размер, появиться рамка блока, фоновый цвет превратится в другой салатовый цвет. Вот, нажимайте на абзацы и увидите сами:

                        < style>p.len {background-color: #FCD}< /style>
                        < script type="text/javascript">$(document).ready(function(){
                         $("p.len")
                         .click(function() {$(this).toggleClass("son")
                         .css({"background-color": "#CFD", 
                               "border": "1px solid #F36", 
                               "width": 200, 
                               "height": 30, 
                               "margin": "20px auto"});
                         });
                         });
                         < /script>

Кликни мышкой

по данным абзацам

добавится класс .son

и изменится стиль.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: