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.