Is there any way I could make specific text strings "invisible" on my web page?

For example,

If I were to specify the string "hxxp://", I would need that text to appear invisible on my page everywhere it's mentioned, automatically.

So, if the url "hxxp://" were to be mentioned on my page, viewers would only be able to see the "hxxp://" portion of it. Almost as if you were to turn the Opacity of to the text down to 0% for that specific string only, everywhere it appears on the page, automatically. I need it to still physically be there, but be as invisible as possible.

Are there any scripts out there for something like this?

you can use a an id and write something like this



    <link rel="stylesheet" type="text/css" href"your.css"/>
    <script type="text/js" src="main.js"/>
        <div id="content">

        <a href=""> your link</a><!-- goes to google -->



$(document).ready(function() {
   $('#content a').hide();