Page 39 - jQuery для начинающих
P. 39
Ну, вроде с CSS разобрались, хотя нет — стоит ещё описать манипуляции с классами, тоже
из разряда первичных навыков:
addClass(className) — добавление класса элементу
addClass(function(index, currentClass){ return className }) —
добавление класса используя функцию обратного вызова
hasClass(className) — проверка на причастность к определённому
классу
removeClass(className) — удаление класса
removeClass(function(index, currentClass){ return className })
— удаление класса используя функцию обратного вызова
toggleClass(className) — переключение класса
toggleClass(className, switch) — переключение класса по флагу
switch
toggleClass(function(index, currentClass, switch){ return
className }, switch) — переключение класса используя
функцию обратного вызова
В приведённых функциях в качестве className может быть строка содержащая
список классов через пробел.
Мне ни разу не приходилось использовать данные функции с функциями
обратного вызова, и лишь единожды пригодился флаг switch, так что не
заморачивайтесь всё это запоминать, да и в дальнейшем, цитируя руководство
по jQuery, я буду сознательно опускать некоторые «возможности»
Но хватит заниматься переводом официальной документации, перейдём к наглядным
примерам (class.html):
// добавляем несколько классов за раз
$("#my").addClass('active notice')
// переключаем несколько классов
$("#my").toggleClass('active notice')
// работает вот так (похоже на классовый XOR):
<div id="my" class="active notice"> → <div id="my" class="">
<div id="my" class="active"> → <div id="my" class="notice">
<div id="my" class=""> → <div id="my" class="active notice">
39
www.trk.kg
