data-[что-то]
мы просто реализуем нужные нам возможности без привязке к стандартным атрибутам вроде class, id, title
и прочим подобным.data-super-puper-kod
, например. Главное, чтобы самому было понятно, для чего будет использоваться эта дата. Все, что после слова "data-" является именем даты:elem.data('super-puper-kod');
/* <div data-link="1"></div> */
div::before {
content: attr(data-link);
}
// <div data-link="1"></div>
$(this).data('link');
// или
$(this).attr('data-link');
$(function () {
var winLoc = window.location.href,
navItemActiveClass = 'active';
$('.nav__link').each(function () {
var $navItem = $(this),
navItemHref = $navItem.attr('href');
if(winLoc.indexOf(navItemHref) !== -1) {
$navItem.addClass(navItemActiveClass);
}
});
});
Браузеру это не понятно. Нужен сабмит.