Question

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

谢谢，〜在圣地亚哥

Answer 1

有一些免费工具可以帮助您找到您的选择器。一个叫做Selector Detector，另一个是SelectorGadget。

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

我刚刚写了一篇比较两者的文章，其中包括演示和下载链接。如果您想了解更多信息，请在此处查看：http://www.heinencreative.com/archives/articles/selector-detector-vs-selectorgadget/

Answer 2

查看Firebug的FireQuery插件。

Answer 3

在Firebug中，你可以写$ 1，这是页面上最后一个选中的对象。

Answer 4

如果您要将属性添加到DOM元素，即使用Firebug的<td>元素

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

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

Answer 5

通常我所做的是在Firebug中加载jQuery，将其包装为一个油脂猴子脚本.Below是来自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
    }

jQuery选择器帮助 - 我可以通过单击元素生成选择器吗？

5 个答案: