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

Question

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

谢谢， 〜ck在圣地亚哥

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 的 元素，

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

......这就是全部。

Answer 5

通常我所做的是将 jQuery 加载到 Firebug 中，将其包装为油脂猴脚本。下面是来自 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
    }