はてなブログで秒速でjQueryを使う方法

例

こんにちは

変化

やりかた

jqueryの公式サイトにいく

jQuery CDN

以下のようなタグをコピーする

<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>

はてなブログに貼り付けする

以下のように、コピーしたscriptタグを直接記事に貼り付けする。

サンプル

下記サンプルをコピーして自分のブログに貼り付けすれば、完了です。

多分markdownだとできます。

<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>

<div id="hello">こんにちは</div>
<button id="henshoku">変色</button>
<script>
$(function(){
  $('#henshoku').on('click',function(){
      $('#hello').css('color', 'red')
  })
})()

</script>

総論

jQuery2000年ぶりに使ったけどDOM操作が爆楽ですわ。

あとjsのswitch文未だに覚えられないな。。。