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

Question

我想使用 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）

Answer 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。

参考：

jQuery selectors
waitForKeyElements()
jQuery hide()

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

How to hide certain elements using Greasemonkey?

javascript

greasemonkey

tampermonkey