Using jquery selectors we can easily find html links inside a given web page. there are 3 types of selectors mainly in jquery. In this example I’m going to use tag based selector to find links with href attribute.

 

Jquery Selectors

1. ID Selector – $(‘#id’)
2. Class Selector – $(‘.class’)
3. Tag Selector – $(‘a’)

 

Selecting Links with href Attribute

In the above code all ‘’ tags are selected using the tag selector. Also i have used the href attribute to find the tags. Then we can traverse through each link. The links are activated when you click on the button with the id link.

We need to change the background color of links in order to highlight. So we need to change the css styles of the links to provide colors. Jquery addClass method allows you to change the current css class of an element. Here we can change the class to a specific class with background colors as shown below.

Download Demo