.slick-slider:focus {
outline: none !important;
}<ol class="nav-color">
<li class="red" data-color="red">красный</li>
<li class="blue" data-color="blue">голубой</li>
<li class="orange" data-color="orange">апесинка :)</li>
</ol>
<div class="content-box">
<span class="toggle-el">T</span>
<span class="toggle-el">E</span>
<span class="toggle-el">S</span>
<span class="toggle-el">T</span>
</div>$('.nav-color').on('click', 'li', function(e){
let content = $('.content-box');
let currentColor = $(this).data('color');
content.children('.toggle-el').each(function(i,e){
if($(this).hasClass(currentColor)){
$(this).next('.toggle-el').addClass(currentColor);
return false;
}
});
return false;
});<img src="://example.com/img-1.png" alt="face">
<img src="://example.com/img-2.png" alt="home">
<img src="://example.com/img-3.png" alt="car">$('body').find('img').each(function(i, event){
if($(this).attr('alt') == 'home')
console.dir(event);
});$('img[alt="home"]').attr('src'); // если нам нужен URL изображение<script src='js/scripts.php' id="dataID"></script>.myclass {
position:fixed;
width:400px;
height:200px;
margin-left:-200px;
margin-top:-100px;
left:50%;
top:50%;
}var widthDevice = $(window).width(),
heightDevice = $(window).height();
var widthMain = $('.myclass').width(),
heightMain = $('.myclass').height();
$('.myclass').css({
'left': widthDevice - (widthMain / 2)
//...
});<style>
* {margin:0;padding:0}
.rowbox {
display:flex;
flex-wrap:wrap;
justify-content:flex-start
}
.col {
box-sizing:border-box;
border:1px solid #333;
width:calc(100% / 5);
height:100px;
}
</style>
<div class="rowbox">
<div class="col">Logo</div>
<div class="col">Logo</div>
<div class="col">Logo</div>
<div class="col">Logo</div>
<div class="col">Logo</div>
<div class="col">Logo</div>
<div class="col">Logo</div>
<div class="col">Logo</div>
<div class="col">Logo</div>
<div class="col">Logo</div>
<div class="col">Logo</div>
</div>простой рабочий вариант)
window.documentParam = true;
// or
window.documentParam = function(){ return true; }$('body').find('#myID')
.html( /* меняем значение */)
.append( /* установим в конец этого блока что угодно */)
// и т.д. - с DOM структурой можно делать что угодно