Web Development Blog

Web Development » Snippets, xHTML » Open link in a new window using jQuery

28 Apr, 2009

Open link in a new window using jQuery    

HTML:

<a href="http://www.google.com" rel="external">Google</a>

Javascript:

$(document).ready(function() {
    $("a[rel=external]").attr('target', '_blank');
});

Or

$(document).ready(function() {
    $('a[rel="external"]').click( function() {
        window.open( $(this).attr('href') );
        return false;
    });
});

Found this article useful? Share it with your friends:

Love what you've just read? Subscribe to our newsletter to receive tips, resources and special offers related to web development & design.

Your name:   Your email:  

Other similar posts that you might be interested in:

• 10 Useful jQuery Snippets
• New-Window Links in a Standards-Compliant World
• Click to copy and open site script
• Back to top link with jQuery
• How to ‘Post on Facebook Wall’ on iPhone and Android using PhoneGap plugins
• Troubleshooting jQuery.get() Cache issue in Internet Explorer
• Code to embed Google Map and Street View

8 Responses to “Open link in a new window using jQuery”

1. iraqi hosting says:

   October 1, 2009 at 5:57 am

   examples please, i can’t imagine that, and i don’t have time to try it myself
   thank you in advance
2. myltik says:

   April 15, 2010 at 8:25 pm

   useful! thanks man and thanks to jquery :-)
3. Eugene says:

   May 7, 2010 at 12:02 am

   Nice, but in FF 3.6.3 on Win7 it opened in same tab first example(short one).
4. Derek says:

   July 10, 2010 at 12:38 am

   Terrific. Thank you very much for sharing. I did wonder what you were supposed to do with no target attribute allowed in XHTML.

   Further to Eugene’s comment above, the top example works fine for me.
5. cyb34 says:

   July 20, 2010 at 1:17 pm

   Neither works for me in FF 3.6.3
6. Define says:

   November 4, 2010 at 11:31 pm

   $(document).ready(function() {

   can be replaced with

   $(function(){
7. CSharpner says:

   April 3, 2011 at 9:07 am

   Doesn’t work in IE9. Opens in the same window (same browser tab).
8. CSharpner says:

   April 3, 2011 at 9:09 am

   Sorry, I meant it doesn’t work in IE8. I haven’t tried it in IE9 yet.