以下为ChatGPT自动生成的解答,正确与否请自行判断。

BFE.devAI解答 - JavaScript 代码题
15. 实现类似jQuery的DOM wrapper

实现一个类似jQuery的DOM wrapper可以通过以下代码实现:

function $(selector) {
  const elements = document.querySelectorAll(selector);

  return {
    css(prop, val) {
      elements.forEach((el) => {
        el.style[prop] = val;
      });
      return this;
    },
  };
}

通过使用document.querySelectorAll方法来选取符合selector的所有DOM元素,并返回一个对象,该对象有一个css方法,可以设置元素的CSS属性。在该方法内部,使用forEach方法遍历所有DOM元素,然后通过设置元素的style属性来实现设置CSS属性。最后,返回this以支持链式操作。

那么,我们就可以使用类似jQuery的代码来选择DOM元素并设置CSS属性了:

$('#button')
  .css('color', '#fff')
  .css('background-color', '#000')
  .css('font-weight', 'bold');