3

我有 jQuery、FireFox、Firebug、IE 和 IE 开发工具栏。当我使用 FireBug 或 IE Dev 工具栏检查页面时，我可以单击一个元素，它会在 dom 中显示该元素所在的位置等......无论如何将该选择转换为有效的 jQuery 选择器？我知道我可以使用相对于其他元素的 ID、类和元素等...但是当我查看一些没有类或 ID 等的随机表格单元格时呢？我可以在就这样飞？我以为肯定有。任何想法或想法总是受到赞赏

谢谢，~ck 在圣地亚哥

4

5 回答 5

2

有几个免费工具可以帮助您找到您的选择器。一种称为 Selector Detector，另一种称为 SelectorGadget。

两者都非常相似且易于实现。只需将 javascript 链接添加为书签并在您的网站上打开它（就像 firebug lite 一样）。然后单击您的元素以显示其选择器。

我刚刚写了一篇比较两者的文章，其中包括演示和下载链接。如果您想了解更多信息，请在此处查看：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 中，您可以写入 $1，它是页面上最后选择的对象。

于 2009-12-10T23:33:15.123 回答
0

如果您希望将属性添加到 DOM 元素，即<td>带有 Firebug 的元素

  • 右键单击<td>页面上的元素并检查元素。
  • 在 Firebug 的 HTML 选项卡上右键单击标签，即<td>
  • 选择新属性
  • 添加一个 id/class/etc。

......这就是它的全部内容。

于 2009-12-10T23:34:48.907 回答
0

通常我所做的是在 Firebug 中加载 jQuery，将其包装为油脂猴脚本。下面是来自http://joanpiedra.com/jquery/greasemonkey/的这样一个脚本

// 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 回答