jquery css display none

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

Here are some more FAQ related to this topic:

делаю на сайте 3 слайдера как бы 3 цвета телефонов (при клике должны 2 закрываться и 1 открываться), но почему то не работает хотя код правильный

второй вариант JQ :

  • Вопрос задан более трёх лет назад
  • 461 просмотр

jquery css display none

Первое. Вы обрабатываете нажатие на элементы hua-1 hua-2 hua-3 которых у вас в коде нет
Второе. Второй и третий div изначально скрыты, как вы по ним собираетесь нажимать?
Третье. Есть отличные примеры anton.shevchuk.name/javascript/jquery-for-beginners

П.С. Судя по сайту скрипты работаю, с контентом что то не то. Видимо его просто нет.

Основная задача блога — стать стартовой платформой для начинающих разработчиков, здесь не только буду писать свои статьи, но также буду выкладывать полезные ссылки которые помогут разобраться в разных вопросах. Будут затронуты темы: Ruby on Rails, PHP, MySQl, CodeIgniter, JQuery.

Читайте также:  left 4 dead xbox one

четверг, 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 комментариев:

jquery css display none

Ну у меня получилось все в точности наоборот. Наверное разные браузеры работают по разному

Оцените статью
Все о Windows 10
Добавить комментарий