Доброго времени суток друзья. Сегодня, специально для любителей попилить на нативном javascript я написал эту небольшую статью как мини туториал по написанию своей собственной jquery (на примере реализации нескольких функций). Давайте же приступим к практике. Поехали.
Требования при чтение данной статьи:
— знания основ ООП
— знание this (контекста вызова)
— collback Читать далее «Пишем свою jQuery»
Всем привет. С вами Corvax. Сегодня я хочу продолжить тему мобильных меню и предложить вам сделать тоже меню но только используя jQuery. Поехали.
<nav>
<div class="wrapper">
<div class="menuToggle">Меню</div>
<ul class="menu clearfix">
<li><a href="#">Главная</a></li>
<li><a href="#">Страница1</a></li>
<li><a href="#">Страница2</a></li>
<li><a href="#">Страница3</a></li>
<li><a href="#">О нас</a></li>
</ul>
</div>
</nav>
<section class="b-content">
<div class="wrapper">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis
autem consequatur eum facere neque. Tenetur laboriosam
repellendus neque fuga, velit, totam, est, aspernatur
sunt sapiente earum quo beatae. Fuga, officia.
</div>
</section>
Читать далее «Быстрое создание «гамбургер» меню на jQuery»
Бывает, на сайте могут встречаться битые ссылки картинок, которые портят внешний вид самого сайта. Что бы избежать такой ситуации и показать пользователя более приятный вариант, мы можем сделать проверку и поставить свою картинку либо просто скрыть изображение.
Вот код для примера:
// Заменяем картинку на свою
$('img').error(function(){
$(this).attr('src', 'imgs.png');
});
// Скрываем картинку
$("img").error(function(){
$(this).hide();
});
Бывает нет возможности посмотреть “исходники” проекта, а нужно быстро проверить какой версии в проекте используется jQuery. Что бы это сделать, достаточно открыть панель разработчика и на вкладке console ввести следующую строку jQuery().jquery либо jQuery.fn.jquery.
Так благодаря уже готовой функции в API jQuery мы можем узнать ее версию, которая используется на любом сайте.
Часто на сайте который имеет несколько разделов (подразделов) нужно в меню накинуть класс (после чего стилизовать его), дабы пользователь мог определить где он находиться (UX/UI). Это легко можно достигнуть написав пару строк в цикле на бэке, но что если мы решили обработать эту задачу на фронте? Сделать это можно очень быстро и просто. Если вам это интересно то прочтите эту статью.
<nav>
<ul>
<li><a href=«/«>Главная</a></li>
<li><a href=«/clients/«>Каталог товаров</a></li>
<li><a href=«/about/«>О компании</a></li>
</ul>
</nav>
Читать далее «Front-end. Как добавить класс active в ваше меню используя URL?»