In jQuery, you can use the outerWidth() and outerHeight() methods to get an element’s total width and height including its padding and borders. You can easily do the same thing in vanilla JS with support back to IE9.
In jQuery, there are two methods you can use to get an element’s children. The contents() method will get all child nodes including comment and text nodes. The children() method will only get children that are HTML elements. Here’s how to do this in vanilla JS with browser support back to IE9.