• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:jqueryの一部機能の原理を教えて下さい。)

jqueryの一部機能の原理を教えて下さい

このQ&Aのポイント
  • jqueryの一部機能の原理を教えて頂きたいです。
  • jqueryの使い方で要素のCSSスタイルを変更する方法があります。
  • 自作のライブラリーで同じような処理を行いたい場合でも、jqueryのような書き方が便利です。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

ざっくり過ぎますでしょうか? エラー処理も無視。 querySelectorAll、Array#forEach が使えること。 <!DOCTYPE html> <meta charset="utf-8"> <title>jQueryがなんだって?</title> <body> <h1>Test</h1> <h2>Test2</h2> <script> function $ (q) {  return new Q (document.querySelectorAll (q)); } function Q (es) {  this.es = Array.prototype.slice.call (es, 0); } Q.prototype.css =  function (p, v) {   this.es.forEach (setCSS, arguments);   return this;  }; function setCSS (e) {  e.style[this[0]] = this[1]; } $('h1, h2').css('color', 'red').css('borderBottom', '2px pink solid'); </script>

1234567891012
質問者

お礼

えっ基盤だけならこんなに簡単に書けたんですか!! 原理も解りやすそうで助かります。 (^_^) querySelectorAllはそもそも存じ上げなくて、 prototypeの扱いも勉強不足でした。 早速、色々試してみます。 ありがとうございました。 P.S. JavaScriptって面白いですね! 今後の勉強が捗りそうです。 (^-^) ありがとうございました。