В jQuery есть .hide()
и .show()
методы, которые устанавливают display: none
настройки CSS .
Есть ли эквивалентная функция, которая установит visibility: hidden
настройку?
Я знаю, что могу использовать, .css()
но я предпочитаю какую-то функцию, как .hide()
или так. Спасибо.
.toggle()
Ответы:
Вы можете сделать свои собственные плагины.
Если вы хотите перегрузить оригинальный jQuery
toggle()
, который я не рекомендую ...jsFiddle .
источник
toggle()
что может сломать другие сценарии. Если вы хотите, вы можете добавить дополнительный аргумент ,toggle()
чтобы указать , следует лиvisibility
илиdisplay
должна быть включена. Однако я бы просто использовал пользовательский в своем последнем примере. :)show
(скорость, замедление, обратный вызов)?(function() { })()
или подобным, ASI не сработает, потому что это похоже на вызов функции. Попробуйте это , затем удалите!
.Нет встроенного, но вы могли бы написать свой довольно легко:
Затем вы можете назвать это так:
Вот рабочий пример .
источник
(function($) {...}(jQuery));
оболочку? Я никогда раньше не определял свои собственные функции в jQuery, я просто определял функции в прямом JavaScript.$
идентификатор внутри функции, даже если он ссылается на что-то еще в родительской области видимости.Еще более простой способ сделать это - использовать метод toggleClass () в jQuery.
CSS
HTML
JS
источник
Если вам нужна только стандартная функция hide только с видимостью: hidden, чтобы сохранить текущий макет, вы можете использовать функцию обратного вызова hide, чтобы изменить css в теге. Скрыть документы в JQuery
Пример :
При этом будет использоваться обычная классная анимация, чтобы скрыть div, но после завершения анимации вы устанавливаете видимость на скрытый и отображение для блокировки.
Пример: http://jsfiddle.net/bTkKG/1/
Я знаю, что вам не нужно решение $ ("# aa"). Css (), но вы не указали, было ли это потому, что при использовании только метода css () вы теряете анимацию.
источник
Вот одна реализация, которая работает как
$.prop(name[,value])
или$.attr(name[,value])
функция. Еслиb
переменная заполнена, видимость устанавливается в соответствии с этим иthis
возвращается (что позволяет продолжить с другими свойствами), в противном случае она возвращает значение видимости.Пример:
источник
Чистый эквивалент JS для jQuery hide () / show ():
Мы используем,
return el
чтобы удовлетворить свободный интерфейс "дизайн шаблона".Вот рабочий пример .
Ниже я также приведу крайне нежелательную альтернативу, которая, тем не менее, является, вероятно, более "близким к вопросу" ответом:
конечно, это не реализует jQuery 'each' (приведенный в ответе @JamesAllardice ), потому что здесь мы используем чистый js
Рабочий пример здесь .
источник