.button{
opacity: 0;
position: fixed;
color: white;
font-size: 70px;
visibility: hidden;
text-align: center;
transition: all 0.5s;
background: #343434;
border-radius: 70px;
display: inline-block;
right: 50px; bottom: 30px;
width: 70px; height: 70px;
}
.visible{
visibility: visible;
opacity: 1;
}<a href="#toTop" class="button">↑</a>(function($scrollButton, $win){
$(document).scroll(function(){
$scrollButton.toggleClass("visible", $win.scrollTop() > 300);
});
$scrollButton.click(function(e){
e.preventDefault();
$("body, html").animate({scrollTop : 0}, 500);
});
})( $(".button"), $(window) );<tag data-word="Слово">$(document).on("click", selector, function(){
$(output).text(this.dataset.word);
//Или $(this).attr("data-word");
});_blank Загружает страницу в новое окно браузера.
var ter = document.getElementById("kad_1").checked; //true или false
price =parseInt(ter.title); // parseInt(undefined)var ter = document.getElementById("kad_1"),
price = parseInt(ter.title); //А лучше просто +ter.titlefunction calc() {
var result = document.getElementById("result");
//this и так document.getElementById("kad_1");
result.innerHTML = +this.title;
}//eq возвращает jQuery-объект, а не обычный элемент
//И получается у вас такое действо:
$($(something)).offset().top;var ypos = elem.offset().top;Странно то, что вариант работает на jquery 2.1.3 (если не ошибаюсь), но не работает на jQuery 1.1.1
$(jQuery object) — задав другой jQuery-объект вы получите его клон. (метод добавлен в jQuery-1.0)
var chBx = location.search.match(/select=([^&]+)/);
chBx && chBx[1].split(",").forEach(function(id){
id = document.getElementById(id);
if(id && id.type == "checkbox") id.checked = true;
});clear: both; (можно и псевдоэлемент).
<span class="sps span-size-20">20</span>
<span class="sps span-size-55">55</span>$(".sps").css("font-size", function(){
var fontSize = this.className
.split("span-size-")[1].split(" ")[0];
return fontSize + "px";
});<span data-size="20">Строка</span>
<span data-size="50">И я строка</span>$("span[data-size]").css("font-size", function(){
return this.dataset.size + "px";
});
Если элементу назначен специальный атрибут id, то можно получить его прямо по переменной с именем из значения id.
Это поведение соответствует стандарту. Оно существует, в первую очередь, для совместимости, как осколок далёкого прошлого и не очень приветствуется, поскольку использует глобальные переменные. Браузер пытается помочь нам, смешивая пространства имён JS и DOM, но при этом возможны конфликты.