
ブックマークレットで jQuery を使う魔法の 210 文字2013-06-17
最近、JavaScript = jQuery というくらい、jQuery ありの JavaScript に慣れてしまったのですが、となると困るのがユーザースクリプトやブックマークレットです。
ユーザースクリプトについては以前の記事、Greasemonkey で 超お手軽に jQuery を使うスニペット [Chrome 対応版] でフォローできているのですが、ブックマークレットで使うにはこのままというわけにいきません。
なので、これを元にショートコード化して、ブックマークレットでも使いやすいよう 241 文字 (コメント除く) にまとめ上げたのが下記になります。
前述のユーザスクリプト向けのコードを書いた後に知った事を反映させて、https 対応とか、jQuery の痕跡を完全に残さない対応とかも追加してます。
たった 241 文字で使えてしまう jQuery。どうぞお試し下さい。
ソースコード解説は、後で Qiita に書いてみようかと思います。
ユーザースクリプトについては以前の記事、Greasemonkey で 超お手軽に jQuery を使うスニペット [Chrome 対応版] でフォローできているのですが、ブックマークレットで使うにはこのままというわけにいきません。
なので、これを元にショートコード化して、ブックマークレットでも使いやすいよう 241 文字 (コメント除く) にまとめ上げたのが下記になります。
前述のユーザスクリプト向けのコードを書いた後に知った事を反映させて、https 対応とか、jQuery の痕跡を完全に残さない対応とかも追加してます。
(function(f,d,b,s){d=document;b=d.body;s=d.createElement("script");s.src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js";s.onload=function(){f(jQuery.noConflict(true));};b.appendChild(s);})(function($){/*ここにソースを記述*/})
ソースコード解説は、後で Qiita に書いてみようかと思います。
追記
嘘、もっと全然短かったです。(210 文字)(function(f,s){s=document.createElement("script");s.src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js";s.onload=function(){f(jQuery.noConflict(true))};document.body.appendChild(s)})(function($){})
追記2
コードの解説を Qiita に書きました!カテゴリ: Development タグ: jquery javascript bookmarklet