<div>
  <h1>HTML <em>Hiyerarşisi </em></h1>
  <div class="icerik">
    <strong>Sitemize</strong> hoş geldiniz 
    <strong class="es-gec">Merhaba</strong> biz 
    <em>sizler için</em> 
    <a href="">bazı önemli konular!</a> hazırladık.
  </div>
</div>
let em = document.querySelector('h1').children;
let result = em.parentNode;
let resultElement = em.parentElement;

console.log(em);

console.log(resultElement);

//****** elemanı hariç tutmak

// jquery ile
console.log($('p strong').not('.es-gec'));

// javascript lie
let esGec = document.querySelectorAll('p strong:not(.es-gec)');

console.log(esGec);

//****** coklu seçim

// jquery ile 
console.log($('h1, .es-gec, a'));

// javascript ile
let cokluSecim = document.querySelectorAll('h1, .es-gec, a');

console.log(cokluSecim);

//****** Torun seçicileri

// jQuery ile
console.log($('div em'));

// javascript ile
let torun = document.querySelectorAll('div em');

console.log(torun);

//****** kardeş seçicileri

// jQuery ile
console.log($('div.icerik .es-gec').siblings());

// javascript ile
var getSiblings = function (elem) {
    var siblings = [];
    var sibling = elem.parentNode.firstChild;
    for (; sibling; sibling = sibling.nextSibling) {
        if (sibling.nodeType !== 1 || sibling === elem) continue;
        siblings.push(sibling);
    }
    return siblings;
};

let elem = document.querySelector('div.icerik .es-gec');
let kardes = getSiblings(elem);

console.log(kardes);
Rerun