'vasya-pupkin@gmail.com'.split('@');
['vasya-pupkin', 'gmail.com']
$(this).val().split('@')[0];
$('#mail_user').on('change input', function() {
// your code
});
const someParams = {
src: 'https://habrastorage.org/r/w32/webt/5a/6c/29/5a6c29ca462dd577778903.png',
text: 'Lorem ipsum'
};
const someHtml = $(
'<div>' +
'<div class="one">' +
'<div class="two">' +
'<div class="three">'+
'<img src="' + someParams.src + '" class="four">'+
'<span class="five">' + someParams.text + '</span>'+
'</div>'+
'</div>'+
'</div>'+
'</div>'
);
$("#foo").append(someHtml);
const someParams = {
src: 'https://habrastorage.org/r/w32/webt/5a/6c/29/5a6c29ca462dd577778903.png',
text: 'Lorem ipsum'
};
const someHtml = $(
`<div>
<div class="one">
<div class="two">
<div class="three">
<img src="${someParams.src}" class="four">
<span class="five">${someParams.text}</span>
</div>
</div>
</div>
</div>`
);
$("#foo").append(someHtml);
e.target.textContent
var firstTime = true;
var nodeList = document.querySelectorAll('input, textarea');
Array.prototype.forEach.call(nodeList, function (node) {
node.addEventListener('input', doSomething);
});
function doSomething() {
if (firstTime) {
// ваш код здесь
firstTime = false;
}
}
document.querySelectorAll('form input, form textarea');
var firstTime = true;
$('input, textarea').on('input', doSomething);
function doSomething() {
if (firstTime) {
// ваш код здесь
console.log('input'); // <- можно посмотреть, как отрабатывают события input и change
firstTime = false;
}
}
/* Cookie function */
function getCookie(name) {
var matches = document.cookie.match(new RegExp(
"(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
));
return matches ? decodeURIComponent(matches[1]) : undefined;
}
if (getCookie('isVisited')) {
// меняем CSS
} else {
// Устанавливаем куки
document.cookie = 'isVisited=true; path=/';
}
console.log( pageYOffset);
console.log(a.top, a.left);
top – Y-координата верхней границы элемента,
left – X-координата левой границы,
right – X-координата правой границы,
bottom – Y-координата нижней границы.
<div class="message-wrapper">
<div class="message">
<h2>Test</h2>
</div>
</div>
.message-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.3);
z-index: 1;
}
.message {
background-color: #ffffff;
}
transform-style: preserve-3d;