8行でjQueryのデバッグが楽になるjQuery.pの紹介 - KAYAC Engineers' Blog

暮らしカテゴリーの変更を依頼記事元:

techblog.kayac.com

145 usersがブックマークコメント

8行でjQueryのデバッグが楽になるjQuery.pの紹介 - KAYAC Engineers' Blog

週末はオレ標準JavaScript勉強会のUstreamを眺めてました。ago（@kyo_ago）です。以前jQuery使いが陥り... 週末はオレ標準JavaScript勉強会のUstreamを眺めてました。ago（@kyo_ago）です。以前jQuery使いが陥りやすい罠の中で「4 何でも一行で書こうとする」という点を上げたのですが、以下のようなmethodを定義することでmethod chainのデバッグが楽になるので紹介したいと思います。 $.fn.p = function (id) { var arg = [this]; if (id) arg.unshift(id); if (!window.console) return this; var c = window.console || { 'log' : function () {} }; (c.debug || c.log).apply(c, arg); return this; }; 具体的な使い方ですが、以下のように確認したいmethodの後に.p()を

netfan $('#aaa').p() .find('.bbb').p() .filter(':first').p() .addClass('head').p() .end() .end() .parents('tag').p() .children(':first').p() .addClass('head').p() .end() .end() .end() ;

2010/08/16 リンク