пишем свою jQuery

Пишем свою jQuery

2 369

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

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

0

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

15 570

Всем привет. С вами 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»

1+

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

673

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

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


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

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

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

1 620

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

Версия jquery

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

0

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

1 179

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

0