Разное полезное на JS

Сохранить данные в хранилице браузера

 

    

        // Создаем хранилище на сессию 'sessionStorage', можно постоянное 'localStrorage'

        var ads = sessionStorage.getItem('ads')

        // Проверяем и что-то выполняем

        if (ads != 1) $('.ads').fadeIn();

        // Записываем в хранилище

        sessionStorage.setItem('ads', 1);

    
    

Из JSON в структуру - Из структуры в JSON

 

    

        // Создаем структуру, заполняем, преобразуем в JSON строку

        var result = {};

        result.dt = obj.dt;

        var jsonData = JSON.stringify(result);

        // Из JSON строки создаем структуру

        var output = jQuery.parseJSON(data.d);

    

    

Как добавить атрибут к html тегу через js?

 

    

        // vanilla js

        const input = document.querySelector('.glass');

        input.setAttribute('name', 'param-pam-pam');

        // jQuery

        $('.glass').attr('name', 'param-pam-pam');

    

    

Как удалить атрибут к html тегу через js?

 

    

        // vanilla js

        const input = document.querySelector('.glass');

        input.removeAttribute('name');

    

    

Как получить атрибут к html тегу через js?

 

    

        // vanilla js

        const input = document.querySelector('.glass');

        var attribute = inpute.getAttribute('name');

    

    

События onmouseover и onmouseout в javascript и jQuery

 

    

        // 1 вариант

        $(function () {

            $("#ShowHide1").on("mouseover", function(){  // или mouseout

                //быстро изменяем стиль display

                $("#exemple1").slideToggle("fast");

            });

        });

        // 2 вариант

        $(function () {

           $("#ShowHide1").mouseover(function(){

                //действия

           });

   

           $("#ShowHide1").mouseout(function(){

                //действия

           });

        });

    

    

JQuery событие click

 

    

        // 1 способ

        $("#save_but").on("click", function () {

        })

        // 2 способ

        $("#save_but").click(function () {

        })

        // 3 способ

        $('body').on('click', '#save_but', function () {

        })