пишем свою jQuery

Пишем свою jQuery

1 709

Доброго времени суток друзья. Сегодня, специально для любителей попилить на нативном javascript я написал эту небольшую статью как мини туториал по написанию своей собственной jquery (на примере реализации нескольких функций). Давайте же приступим к практике. Поехали.

Требования при чтение данной статьи:
— знания основ ООП
— знание this (контекста вызова)
—  collback Читать далее «Пишем свою jQuery»

Быстрое создание «гамбургер» меню на jQuery

11 810

Всем привет. С вами Corvax. Сегодня я хочу продолжить тему мобильных меню и предложить вам сделать тоже меню но только используя jQuery. Поехали.

Создание HTML макета



		<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»

JQuery. Как скрыть на вашем сайте изображения, которые не загрузились?

527

Бывает,  на сайте могут встречаться битые ссылки картинок, которые портят внешний вид самого сайта. Что бы избежать такой ситуации и показать пользователя более приятный вариант, мы можем сделать проверку и поставить свою картинку либо просто скрыть изображение.

Вот код для примера:


// Заменяем картинку на свою
$('img').error(function(){
        $(this).attr('src', 'imgs.png');
});

// Скрываем картинку
$("img").error(function(){
        $(this).hide();
});

Как узнать версию jQuery через консоль разработчика?

851

Бывает нет возможности посмотреть “исходники” проекта, а нужно быстро проверить какой версии в проекте используется jQuery.  Что бы это сделать, достаточно открыть панель разработчика и на вкладке console ввести следующую строку jQuery().jquery либо  jQuery.fn.jquery.

Версия jquery

Так благодаря уже готовой функции в API  jQuery мы можем узнать ее версию, которая используется на любом сайте.

Front-end. Как добавить класс active в ваше меню используя URL?

912

Часто на сайте который имеет несколько разделов (подразделов) нужно в меню накинуть класс (после чего стилизовать его), дабы пользователь мог определить где он находиться (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?»