Содержание
- Answer: Use the jQuery css() Method
- Example
- Example
- Related FAQ
- четверг, 22 сентября 2011 г.
- jQuery.css(display:’none’) vs jQuery.h >
- 6 комментариев:
Answer: Use the jQuery css() Method
You can use the jQuery css() method to change the CSS display property value to none or block or any other value. The css() method apply style rules directly to the elements i.e. inline.
The following example will change the display of a DIV element on button click:
Example
Alternatively, if don’t want to bother about the initial value of the element’s display property, but you want to toggle between its initial value and none, you can simply use the jQuery show() , hide() or just toggle() method. The following example shows how it works:
Example
Related FAQ
Here are some more FAQ related to this topic:
делаю на сайте 3 слайдера как бы 3 цвета телефонов (при клике должны 2 закрываться и 1 открываться), но почему то не работает хотя код правильный
второй вариант JQ :
- Вопрос задан более трёх лет назад
- 461 просмотр
Первое. Вы обрабатываете нажатие на элементы hua-1 hua-2 hua-3 которых у вас в коде нет
Второе. Второй и третий div изначально скрыты, как вы по ним собираетесь нажимать?
Третье. Есть отличные примеры anton.shevchuk.name/javascript/jquery-for-beginners
П.С. Судя по сайту скрипты работаю, с контентом что то не то. Видимо его просто нет.
Основная задача блога — стать стартовой платформой для начинающих разработчиков, здесь не только буду писать свои статьи, но также буду выкладывать полезные ссылки которые помогут разобраться в разных вопросах. Будут затронуты темы: Ruby on Rails, PHP, MySQl, CodeIgniter, JQuery.
четверг, 22 сентября 2011 г.
jQuery.css(display:’none’) vs jQuery.h >
Меня заинтересовал вопрос: какой метод быстрее скрывает элемент на страничке(и востанавливает)
$(container).css(‘display’, ‘none’) или $(container).hide()
Нашел замечательный сайт http://jsperf.com/jquery-css-display-none-vs-hide/2, на котором проводится тестирование всех возможных способов спрятать элемент под разными браузерами. Вы можете сами запустить тесты или просмотреть уже готовые результаты.
Быстрее: $(container).css(«display», «none»);
ну а на низком уровне (без jQuery) будет намного быстрее: document.getElementBy ;
6 комментариев:
Ну у меня получилось все в точности наоборот. Наверное разные браузеры работают по разному
Источник: