Рубрики
Основы.JQuery

Основы.JQuery «события элемента»

  • выполнить событие у элемента
    • div.trigger(event)
Рубрики
Основы.JQuery

Основы.JQuery «видимость элемента»

  • показать элемент
    • div.show()
  • скрыть элемент
    • div.hide()
  • свернуть развернуть элемент
    • div.slideToggle()
Рубрики
Основы.JQuery

Основы.JQuery «содержимое элемента»

  • очистить содержимое элемента
    • div.empty()
  • проверка на пустоту элемента
    • div.is(:empty)
Рубрики
Основы.JQuery

Основы.JQuery «:focus selector»

Ссылка

  • CSS
    • /*color,color контент*/
    • .css2207031228 { background-color:red; }
  • JS
    • $(#content).delegate(*, focus blur,
      • function() {
        • let el = $(this)
        • setTimeout(function() {
          • el.toggleClass(css2207031228, el.is(:focus))
        • },0)
      • }
    • )
  • HTML
    • <div id=content>
      • <div tabindex=1>test1 </div>
      • <div tabindex=2>test2 </div>
    • </div>
Рубрики
Основы.JQuery

Основы.JQuery «управление классом в элементе»

  • добавить класс
    • div.addClass(class1)
  • удалить класс
    • div.removeClass(class1)
  • добавление или удаление класса методом переключения
    • div.toggleClass(class1 class2)
  • проверка на наличие класса
    • div.hasClass(class1)