Web Мастерская
Контакт

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

Сообщество Web Мастеров. Тут собрано всё, чтобы написать свой первый сайт, запустить его в Интернет и поддерживать его в течении всей его работы.
Поиск блогов...

jQuery: Как заменить класс у элемента

Библиотека JS
Для замены класса будем использовать две функции:
  • removeClass: Удаляет класс или классы, что были указанны.
  • addClass: Добавляет указанный класс элементу.

Допустим элемент div#taskInfo имеет класс displayNone, который нам необходимо заменить на displayInlineBlock:
Выделить
<div id="taskInfo" class="displayNone"></div>

Делаем так:
Выделить
$('#taskInfo').removeClass('displayNone').addClass('displayInlineBlock');

Предварительно стоит проверить наличие класса, что необходимо заменить:
Выделить
if ($('#taskInfo').hasClass('displayNone')) {
	$('#taskInfo').removeClass('displayNone').addClass('displayInlineBlock');
};
...

jQuery: Как проверить блок на пустоту

Библиотека JS
Появилась необходимость проверить блок на пустоту, то есть есть ли в нём какие либо теги или нет. Ниже, как это можно сделать.

Допустим есть у нас такой блок (Без тегов внутри него):
Выделить
<div id="blockID"></div>

Его та нам и надо проверить. Для этого используем следующее условие:
Выделить
if ($('#blockID').html().trim() == '') {
	// Блок пустой | Действие при пустом блоке
}

ID или другой атрибут блока (blockID) пишите свой....

jQuery: проверка наличие элемента в массиве

Библиотека JS
Для проверки элемента в массиве в библиотеку jQuery добавлена функция jQuery.inArray():
Выделить
if (jQuery.inArray('js', ['js', 'jQuery']) > -1) {
    // Элемент существует в массиве
};

Вместо: jQuery.inArray можно писать: $.inArray....

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

JavaScript Библиотека JS
Чтобы удалить один из классов элемента на чистом 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 - Название класса, который необходимо удалить.
...

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

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

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