例

こんにちは

やりかた

jqueryの公式サイトにいく

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

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

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

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

f:id:masanolinks:20201121203904p:plain

サンプル

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

多分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>