JavaScript » Web Мастерская | Блог

Как удалить класс у элемента на чистом JS и jQuery

Чтобы удалить один из классов элемента на чистом JS, делаем так:

document.getElementById('elName').classList.remove('className');

Если необходимо удалить сразу все классы, то так (Атрибут class останется пустым):

document.getElementById('elName').className = '';

Либо так (Удалит полностью атрибут class, со всеми его значениями):

document.getElementById('elName').removeAttribute('class');

Если требуется удалить один из классов на jQuery, делаем так:

$("#elName").removeClass('className');

При необходимости удалить все классы разом (Атрибут class останется пустым):

$("#elName").removeClass();

Если есть необходимость полностью удаление атрибут class, со всем его содержимым:

$("#elName").removeAttr('class');

elName - Название элемента, где необходимо удалить класс.
className - Название класса, который необходимо удалить.

...

Жалоба

Как заменить все совпадения в строке на JS

JavaScript

Про метод, что заменяет подстроку в строке (replace), знает каждый, кому приходилось работать со строками. Данный метод заменяет первое найденное совпадение, на то, что ему указано вторым параметром:

var n = '2:19:11:174:55:10:11:98';
n = n.replace('1', 'X');
console.log(n);

Тут мы заменяем первую единицу на X, на выходе получим: 2:X9:11:174:55:10:11:98. С этим всё понятно, замена первой единицы прошла успешно, остальные единицы остались не тронутыми.

А, что делать, если появилась необходимость заменить все единицы в строке на X? На помощь придет регулярное выражение, с флагом g, что будет производить замену стоко раз, сколько совпадений находится в строке. Само выражение для нашей задачи выглядит так: /1/g. В метод завернуть так n.replace(/1/g, 'X'). Ну, и весь код:

var n = '2:19:11:174:55:10:11:98';
n = n.replace(/1/g, 'X');
console.log(n);

Результат выполнения кода: 2:X9:XX:X74:55:X0:XX:98. Проверяем, убеждаемся, что все единицы были заменены на X.

Есть ещё один вариант заменить...

Жалоба

Какие задачи необходимо уметь выполнять на JavaScript начинающему

JavaScript Библиотека JS Мнение

Разумеется, что все мы когда-то ни чего не знали и не умели. Приходит время познавать что-то новое, изучать и учиться какому-либо ремеслу. Сайтостроение - это тоже ремесло, в которое входит много деталей, таких, как дизайн, навигация, функционал и тд. За дизайн отвечают теги и CSS, за навигацию может отвечать программная часть движка, может и чистый HTML, за функционал могут отвечать многие мелочи сайта, а также вся программная часть сайта, как на сервере, так и на загруженной странице в браузере. И если Вы начинающий ВебМастер, и на данный момент Вас интересует JavaScript, то Вы по адресу! Сегодня мы поговорим о том, с какими задачами необходимо уметь справляться начинающему изучение языка JavaScript.

На первое место я бы поставил, что должен знать и уметь новичок, это Область видимости переменных. Чтобы не заблудиться в трех соснах, почему переменная определена, но методы ее не могут распознать. А все очень просто, переменная вне зоны видимости. Чтобы не наступать на такие грабли,...

Жалоба

1 комментарий

Отличие объявления переменных через let и var в JavaScript

JavaScript

Самое главное отличие между let и var, как мне кажется - это видимость объявленной переменной. Переменная, что была объявлена через var будет видна по всей функции, переменная, что была объявлена через let, будет видна только в блоке, то есть между фигурными скобками { и }, где она и была определена, или видна не будет в блоке, если переменная объявлена вне блока.

Пример объявления переменной через var:

var variable = 'Первое значение';
if (variable) {
	var variable = 'Второе значение';
};

alert(variable); // На экране: "Второе значение"

Пример объявления переменной через let:

let variable = 'Первое значение';
if (variable) {
	let variable = 'Второе значение';
};

alert(variable); // На экране: "Первое значение"

Код первого примера выведет на экран строку "Второе значение", код второго примера выведет на экран "Первое значение"....

Жалоба

Определить страну и город на JS + API Яндекс

JavaScript

Для того, что бы определить страну и город на JS + API Яндекс, подключаем между тегами <head> и </head> jQuery и API Яндекс, например так:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="https://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>

Далее пишем код, который будет забивать название страны и города в переменные и передавать их в блоки для вывода на экран:

<script type="text/javascript">
    $(document).ready(function() {
        ymaps.ready(function() {
            var country = ymaps.geolocation.country;
            var city = ymaps.geolocation.city;
            
            $('#country').html('Выша страна ' + country);            
            $('#city').html('Выша город ' + city);
        });
    });
</script>

Теперь в нужной части страницы вставляем:

<!-- Для вывода страны -->
<div id="country"></div>

<!-- Для вывода города

...

Жалоба

Web Мастерская»Блог