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:
Supported Browsers:
- Google Chrome 90.0+
- Internet Explorer 9.0
- Firefox 3.6
- Safari 4.0
- Opera 10.5
