jQuery | element Selector
jQuery element selector is used to select and modify HTML elements based on the element name.
Syntax:
$("element_name")
Example-1: This example selects the “h2” element and adds border to it.
<!DOCTYPE html><html> <head> <script src= </script> <script> $(document).ready(function() { $("h2").css("border", "5px solid green"); }); </script> </head> <body> <h2>GeeksForGeeks </h2> </body> </html> |
Output:
Example-2: This example changes text color of “h2” element on button click.
<!DOCTYPE html><html> <head> <script src= </script> <script> $(document).ready(function() { $("button").click(function() { $("h2").css("color", "green"); }); }); </script> </head> <body> <h2>GeeksForGeeks</h2> <button>Change text color </button> </body> </html> |
Before:
After:
Attention reader! Don’t stop learning now. Get hold of all the important DSA concepts with the DSA Self Paced Course at a student-friendly price and become industry ready.
