REDLINE MAGAZINE | Firebugを使ってjQueryを実行REDLINE MAGAZINEトップページへ

すべてのエントリを見る

Firebugを使ってjQueryを実行

先日jQueryの記事を書きましたが、Firefoxの拡張のFirebug使って、便利に使える技を紹介してくださってたサイトさんがあったのでご紹介。

Firebugをもっと使いやすくするためのブックマーク(jQueryバージョン)
- WEBデザイン BLOG

元ネタはLearning jQuery » jQuerify Bookmarkletだそうですが、上記WEBデザイン BLOGさんでも使い方を詳しく説明されていたので、すごく分かりやすかったです(例がはてブなのがいいw)

蛇足だと思うけど必要なもの

Firebugをもっと使いやすくするためのブックマーク(jQueryバージョン)- WEBデザイン BLOGの下記からjQuerifyをゲット。

Firebugを入れてない場合は下記からアドオンゲット。
>>Firebug :: Firefox Add-ons

もっと蛇足だと思うけどすげーシンプルな実験用ページ

上記サイトさんで例として挙げられてるはてブの例を試してみるとその威力がわかると思いますが、一応シンプルすぎるサンプルをこっちにもアップしてみました。

>>「Firebugを使ってjQueryを実行」をすげーー単純に実験するページ

上のリンク先のページに実験方法は書いてありますが、とりあえずまずリストのリンクにマウスを乗せても何の変化もない事を確認した後、jQuerifyをクリック。その後Firebug の consoleに下記を入力して実行ー。以上。

$("a").hover(function(){
this.style.backgroundColor = "red";
},
function(){
this.style.backgroundColor = "white";
}
);

ああああ。ここまで書いて気づいた。別にわざわざこんな実験用のページ作る意味なかった。このページで試せばいいだけじゃん。またもや私、アホ。

はい。アホですけど、結果はリンクテキストにhoverした際に背景赤くなるのは確認できました。jQueryバンザーイ。

<< jQueryでやってみる | ボックス全体をリンクにしたい >>

トラックバック

このエントリーのトラックバックURL:
http://redline.hippy.jp/cgi/mt/mt-tb.cgi/147

このページの一番上へ

その他の情報など

最近のコメント

PHP オブジェクト指向の勉強
  • Red - 2010.01.08
  • hogepage - 2010.01.21
  • Red - 2010.01.22
  • - 2011.11.27
  • houseiii - 2011.11.27
Fireworks トリミング画像を一括書出 CS4編
  • Iper - 2009.06.27
  • Red - 2009.06.27
  • mala - 2011.11.17
  • Red - 2011.11.18
jQueryでボックスを上下左右中央に簡単配置
overflow を使用したボックス背景のこと
  • - 2007.12.13
  • Red - 2007.12.13
  • - 2007.12.13
  • Red - 2007.12.13
  • hj - 2011.09.23
IE6 → 透過PNG+overflow=混ぜるな危険(追記有)

メッセージを送る

こちらのメッセージ送信フォームは閉鎖させて頂きました。
御用の方は新しい方のブログ にコメント頂くか、 連絡用のフォーム もありますので、そちらからご連絡ください。