BFE.devでのAI解答例 - JavaScript コーディング問題
15. jQueryみたいなDOM wrapperを実装する

以下が実装例です。

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

  return {
    css: function(propertyName, value) {
      for (let i = 0; i < elements.length; i++) {
        elements[i].style[propertyName] = value;
      }
      return this;
    }
  }
}

このように、$関数はCSSを変更するためのcssメソッドのみをサポートしています。各メソッドは、自分自身を戻り値として返します(this)。これにより、メソッドチェーンをサポートしています。

このコードを使用して、与えられた例($('#button').css('color', '#fff').css('backgroundColor', '#000').css('fontWeight', 'bold'))を実行すると、id="button"の要素を選択し、そのスタイルを変更することができます。