如何使用Greasemonkey隐藏某些元素?

时间:2015-02-13 06:57:20

标签: javascript greasemonkey tampermonkey

我想使用Greasemonkey隐藏某些元素。像这样的链接:

<a href="earn-google-circles.php" target="_blank" );"="">View</a>

或者像这样的图片:

<img src="http://www.somesite.org/img/icon/earn-google-circles-435912.png" alt="Circle" title="Google Circle" height="18px" width="50px">


当然,它是更大的Div的一部分,但是div不能被隐藏,因为它会隐藏我不想隐藏的其他东西。

那么,有没有办法使用Greasemonkey隐藏这些元素?
(编者注:也适用于Tampermonkey)

1 个答案:

答案 0 :(得分:1)

要隐藏所有 Google圈子链接(或图片),请使用Greasemonkey / Tampermonkey脚本,如下所示:

// ==UserScript==
// @name     _Hide annoying links
// @include  http://YOUR_SERVER.COM/YOUR_PATH/*
// @require  http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
// @require  https://gist.github.com/raw/2625891/waitForKeyElements.js
// @grant    GM_addStyle
// ==/UserScript==
/*- The @grant directive is needed to work around a design change
    introduced in GM 1.0.   It restores the sandbox.
*/
waitForKeyElements (
    "a[href*='earn-google-circles'], img[src*='earn-google-circles']",
    hideNode
);

function hideNode (jNode) {
    jNode.hide ();
}

这会同时获得静态和AJAX加载的实例

有关选择jQuery选择器的提示,请参阅Choosing and activating the right controls on an AJAX-driven site

参考: