JS по-умолчанию

Исполнить после загрузки страницы

    $(document).ready(function(){

    });

Поиск в строке

    var q = 'http://bustep.ru/text.html'
    if (q.indexOf('.html') + 1) {
    }

Вырезать

   var str = "Моя строка"
    str.substring(0,3) // Моя
    str.substring(3,0) // Моя
    str.substring(1,2) // о
    str.substring(4) // "строка"

Таймаут запуска

    setTimeout(function(){

    }, 5000);

Проверка и установка checked

    // Вернет true или false
    $("#myCheckbox").prop("checked");
    $("input:checkbox:checked")
    $("input:radio:checked")

    // установить значение
    $("#myRadio").prop("checked", true);

Декодирует url

    // decoder url
    var href = decodeURIComponent(href.replace(/\+/g, ' '));

Перебор массива элементов

   $( "ul li input" ).each(function( index ) {
        var $this = this;
    });

Событие Click на элемент

   $(document).on('click', '#promoCodeBtn', function(e) {
       e.preventDefault();

       return false;
   });

Кнопка поднять вверх

Появляется при опускании вниз

   $(document).ready(function() {
       $("#back-top").hide();
       $(function () {
           height = $('body').outerHeight(),
               $(window).scroll(function () {
                   if ($(this).scrollTop() > height*0.1) {
                       $('#back-top').fadeIn();
                   } else {
                       $('#back-top').fadeOut();
                   }
               });

           // scroll body to 0px on click
           $('#back-top a').click(function () {
               $('body,html').animate({
                   scrollTop: 0
               }, 300);
               return false;
           });
       });
   });
   <div id="back-top">
       <a href="#">Наверх</a>
   </div>
   #back-top {
       z-index: 110;
       position: fixed;
       bottom: 8%;
       right: 15%;
   }
   #back-top a {
       color: #333;
       padding-top: 26px;
       font: 11px/17px "noto_sansregular",sans-serif;
       display: block;
       width: 58px;
       height: 52px;
       border: 1px solid #333;
       position: relative;
       text-align: center;
       text-decoration: none;
   }
   #back-top a:before {
       top: 40% !important;
       content: "";
       position: absolute;
       left: 50%;
       margin: -5px 0 0 -8px;
       border-bottom: 10px solid #333;
       border-left: 8px solid transparent;
       border-right: 8px solid transparent;
   }
12 июня 2017, 16:26    124



Наверх