Maxim Kasatkin mvkasatkin

JQuery vs JS (DOM and Ajax)

find element

JQuery:

let $wrapper = $('#wrapper') // 1
let $blocks = $('.block') // 2
let $block = $('.block').eq(0) // 3
let $items = $block.find('.item') // 4
let $parent = $block.closest('#wrapper') // 5

	.h-left { /* !important */ }
	.h-hidden { /* !important */ }
	.h-text-center { /* !important */ }

	.btn {}
	.btn.m-big {}
	.btn.is-active {}
	.btn.is-process {}

	.price {}

	.menu {
	display: flex;
	}
	.menu ._item {
	flex: 1 0 auto;
	border: 1px solid red;
	padding: 20px auto;
	text-align: center;
	}

	<div class="ratio" style="padding-top: 40%">
	<div class="ratio-content">
	This block is 40% ratio height
	</div>
	</div>