Как насписать свои ${} и element.find(), findAll из jQuery?

Не хочу подключать весь jQuery. Мне достаточно ${} и elem.find()

Как написать это на javascript, алиас document.queryslector


Ответы (1 шт):

Автор решения: Нарбек Абдуллаев
Object.prototype.on = function(action, callback) {
  if(this !== '') {
    this.addEventListener(action, callback)
  }
};

Object.prototype.find = function(selector) {
  if(this !== '') {
    return this.querySelector(selector);
  } else {
    return '';
  }
};

Object.prototype.findAll = function(selector) {
  if(this !== '') {
    return this.querySelectorAll(selector);
  } else {
    return '';
  }
};

const find = function (selector, parent) {
  return (parent ? parent : document).querySelector(selector) || '';
};

const findAll = function (selector, parent) {
  return (parent ? parent : document).querySelectorAll(selector) || '';
};
    
    
    
 // Используем
let hamburger = find('.hamburger');
        
let span      = hamburger.find('span');
        
span.on('click', function() {
    
})
→ Ссылка