[SyntaxHighlighter] jQuery用Brush (jQuery 1.9対応版)

2013年1月25日金曜日

[SyntaxHighlighter] jQuery用Brush (jQuery 1.9対応版)

jQuery 1.9対応のSyntaxHighlighter用Brushを作ってみましたので、公開します。
Brushのエイリアスは、jq、jqueryです。
このBrushを使うと、jQuery APIが以下のようにハイライトされます。

jQuery 1.9$(document).ready(function(){
  // #hogeに#fugaを追加
  $('#hoge').append($('<div>').prop('id','fuga').attr('key','bar').text('baz'));
  $('input[type="radio"]:checked').click(
    function(){
      alert($(this).val());
      $('#hogehoge').addBack('.hoge').text($(this).val());
    }
  );
});

jQuery 1.9
1 2 3 4 5 6 7 8 9 10	`$(document).ready(function(){` `// #hogeに#fugaを追加` `$('#hoge').append($('<div>').prop('id','fuga').attr('key','bar').text('baz'));` `$('input[type="radio"]:checked').click(` `function(){` `alert($(this).val());` `$('#hogehoge').addBack('.hoge').text($(this).val());` `}` `);` `});`

jQuery 1.9時点でdeprecated/removedとなったメソッドは色を分けています。
1.9で削除された

.live()、.die()メソッドの例

deprecated/removedとなったメソッド$('.live').live('click', liveFunction);
$('.live').die('click', liveFunction);

deprecated/removedとなったメソッド
1 2	`$('.live').live('click', liveFunction);` `$('.live').die('click', liveFunction);`

また、deprecated/removedとなっていても、同名のメソッドがdeprecated/removedではない場合は、通常のjQuery APIとしてハイライトされます。
.toggle()メソッドの例

jQuery 1.9で削除されていないメソッド
1	`$('.target').toggle();`

jQuery 1.9で削除されたメソッド$('#target').toggle(function() {
  alert('First handler for .toggle() called.');
}, function() {
  alert('Second handler for .toggle() called.');
});

jQuery 1.9で削除されたメソッド
1 2 3 4 5	`$('#target').toggle(function() {` `alert('First handler for .toggle() called.');` `},` `function() {` `alert('Second handler for .toggle() called.');` `});`

以下で実際に確認することが可能です。

SyntaxHighlighter用タグ変換/生成ツール - ログろいど

jQuery 1.9でのjQuery APIに対応しています。
1.9以下のバージョンでも正常にハイライトされると思います。
ただし、前述のとおり、jQuery 1.9時点でdeprecated/removedとなったメソッドは色分けされます。