3

jQuery、FireFox、Firebug、IE、および IE 開発者ツールバーがあります。FireBug または IE Dev ツールバーのいずれかを使用してページを調べているときに、要素をクリックすると、その要素が存在する dom に表示されます...その選択を有効な jQuery セレクターに変換する方法はありますか? ID、クラス、および他の要素に関連する要素などを使用できることはわかっていますが、クラスや ID などを持たないランダムなテーブル セルを見ている場合はどうでしょうか。そんなに飛ぶ？確かにあると思いました。どんな考えやアイデアも常に高く評価されています

ありがとう、サンディエゴで~ck

4

5 に答える 5

2

セレクターを見つけるのに役立つ無料のツールがいくつかあります。1 つは Selector Detector と呼ばれ、もう 1 つは SelectorGadget です。

どちらも非常に似ており、実装が簡単です。JavaScript リンクをブックマークして、サイトで開くだけです (firebug lite と同じように)。次に、要素をクリックしてそのセレクターを表示します。

デモとダウンロード リンクを含む 2 つを比較する記事を書きました。詳細については、こちらをご覧ください: http://www.heinencreative.com/archives/articles/selector-detector-vs-selectorgadget/

于 2010-03-15T17:39:01.253 に答える
1

Firebug 用のFireQueryプラグインを確認してください。

于 2009-12-10T23:38:57.467 に答える
0

通常、私が行うことは、Firebug 内に jQuery をロードし、それをグリースモンキー スクリプトとしてラップすることです。

// Add jQuery
    var GM_JQ = document.createElement('script');
    GM_JQ.src = 'http://jquery.com/src/jquery-latest.js';
    GM_JQ.type = 'text/javascript';
    document.getElementsByTagName('head')[0].appendChild(GM_JQ);

// Check if jQuery's loaded
    function GM_wait() {
        if(typeof unsafeWindow.jQuery == 'undefined') { window.setTimeout(GM_wait,100); }
    else { $ = unsafeWindow.jQuery; letsJQuery(); }
    }
    GM_wait();

// All your GM code must be inside this function
    function letsJQuery() {
        alert($); // check if the dollar (jquery) function works
    }
于 2009-12-11T00:32:46.703 に答える
0

Firebug では、ページで最後に選択されたオブジェクトである $1 を書き込むことができます。

于 2009-12-10T23:33:15.123 に答える
0

<td>DOM 要素、つまりFirebug を持つ要素に属性を追加しようとしている場合

  • ページ上の要素を右クリックし、<td>要素を検査します。
  • Firebug の HTML タブで、タグを右クリックします。<td>
  • 新しい属性を選択
  • id/class/etc を追加します。

...そして、それだけです。

于 2009-12-10T23:34:48.907 に答える