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"の要素を選択し、そのスタイルを変更することができます。