tl  tr
  Home | Tutorials | Articles | Videos | Products | Tools | Search
Interviews | Open Source | Tag Cloud | Follow Us | Bookmark | Contact   
 jQuery > Basic > Tag Selector

Tag Selector 

Selectors are useful to get a reference to a particular element or group of elements satisfying some condition. In DOM these elements can be filtered by tag name, class, id, attribute or a combination of all these. The below example shows selecting elements based on TAG name. Here we have added a click event to all 'paragraph' elements and modified the inner HTML of all anchor tags. $(this) holds a reference to the element being referenced in the current context.

File Name  :  
source/JQUERY/basic/tagselector.html 
Author  :  Sudhakar KV
Email  :  kvenkatasudhakar@gmail.com
view sourceprint?
01<html>
02 <head>
03 <script type="text/javascript" src="js/jquery.js"></script>
04 <script type="text/javascript">
05 
06$(function(){
07 
08  $("p").click( function() {
09        alert("Paragraph alert");
10  } );
11 
12  $("a").each(function() {
13 
14        alert($(this).html());
15        var val = $(this).html();
16 
17        $(this).html(val + "---" + val)
18  });
19 
20});
21 
22 </script>
23 </head>
24 <body>
25 
26    <p>Paragraph1 </p>
27    <br><br>
28    <p>Paragraph2 </p>
29 
30<br>
31<a href="">Link1</a>
32<br>
33<a href="">Link2</a>
34 
35 </body>
36 </html>




 
  


  
bl  br