Шпаргалка JS
Загрузка страницы через ajax
Создайте файл test.html для замены значений в #div1, на те, которые вам надо. Демо-версия: Необходимо изменить вот этот текст, без перезагрузки страницы Начать jQuery: $(document).ready(function(){ $(«button»).click(function(){ $.ajax({url: «test.html», success: function(result){ $(«#div1″).html(result); }}); }); }); HTML: <div id=»div1»><h2>Необходимо изменить вот этот текст, без перезагрузки страницы</h2></div><button>Начать</button> Открыть файл
ЧИТАТЬ…Скрытие блока на JS
$(function(){ $(«.block1»).click(function(){ $(«.block2»).fadeTo(1000,0); }); Демо 1 Click Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum sit, earum sed enim ipsum veniam quas fugit fuga asperiores eius quasi alias necessitatibus velit quam veritatis saepe aliquam labore ab architecto tempore ut accusantium consectetur. Laudantium, animi ea maiores magnam eligendi ad a …
ЧИТАТЬ…Ежедневник на JS
jS $("#add").on("click", function() { var val = $("input").val(); if(val !== '') { var elem = $("<li></li>").text(val); $(elem).append("<button class='rem'>X</button>"); $("#mylist").append(elem); $("input").val(""); $(".rem").on("click",function() { $(this).parent().remove(); }); } }); CSS .rem { margin-left: 5px; background-color: white; color: red; border: none; cursor: pointer; } HTML <h3>Мой ежедневник</h3> <input type="text" placeholder="Введите запись" /> <button id="add">Добавить</button> …
ЧИТАТЬ…Меню для сайта на JS
HTML <a class=»btn fa fa-align-justify»>Меню</a> <div class=»test»> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul> </div> CSS .test{display: none;} .test1{display: block;} JS $(«.btn»).click(function(){ $(«.test»).toggleClass(«test1»); $(«.fa-align-justify»).toggleClass(«fa-times»); }); Демо: Меню 1 2 3 4 5 6
ЧИТАТЬ…