- ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:jqueryの一部機能の原理を教えて下さい。)
jqueryの一部機能の原理を教えて下さい
このQ&Aのポイント
- jqueryの一部機能の原理を教えて頂きたいです。
- jqueryの使い方で要素のCSSスタイルを変更する方法があります。
- 自作のライブラリーで同じような処理を行いたい場合でも、jqueryのような書き方が便利です。
- みんなの回答 (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>
お礼
えっ基盤だけならこんなに簡単に書けたんですか!! 原理も解りやすそうで助かります。 (^_^) querySelectorAllはそもそも存じ上げなくて、 prototypeの扱いも勉強不足でした。 早速、色々試してみます。 ありがとうございました。 P.S. JavaScriptって面白いですね! 今後の勉強が捗りそうです。 (^-^) ありがとうございました。