Skip to main content

jQuery Change Hyperlink Attribute Values

By Sam Deering

JavaScript

Share:

Free JavaScript Book!

Write powerful, clean and maintainable JavaScript.

RRP $11.95

Sometimes it can be time consuming to change hyperlinks on a page. Never fear! jQuery to the rescue! Here is some jQuery code to change the attribute values for hyperlinks on a web page.

Link attribute: “name”, “id”, “class”, “target”, “href”.

$(document).ready(function(){
	$(function(){
		$("a[href^='http']").attr('target','_blank');
		$("a[href^='.pdf']").attr('target','_blank');
		$("a[href^='http']").attr('class','linkclass');
		$("a[href^='http']").attr('id','linkid');
		$("a[href^='http']").attr('name','linkname');
		$("a[href^='http://jquery4u.com']").attr('target','_blank');
	});
});

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

New books out now!

Learn valuable skills with a practical introduction to Python programming!


Give yourself more options and write higher quality CSS with CSS Optimization Basics.