jQuery | Misc get() Method
The get() Method in jQuery is used to get the DOM element specified by the selectors.
Syntax
$(selector).get(index)
Parameters: This method accepts single parameter index which is optional. It is used to specify which of the matching elements to get by its index number.
Example 1: This example uses get() method to get the element specified by selector.
<!DOCTYPE html> < html > < head > < title > jQuery Misc get() Method </ title > < script src = </ script > </ head > < body style = "text-align:center;" > < h1 style = "color:green;" > GeeksforGeeks </ h1 > < h2 >jQuery Misc get() Method</ h2 > < button >Click</ button > < div ></ div > < script > $(document).ready(function() { $("button").click(function() { var x = $("h1").get(0); $("div").text(x.nodeName + ": " + x.innerHTML); }); }); </ script > </ body > </ html > |
Output:
Before Click on the button:
After Click on the button:
Example 2: This example use get() method to get the element specified by selector.
<!DOCTYPE html> < html > < head > < title > jQuery Misc get() Method </ title > < script src = </ script > </ head > < body style = "text-align:center;" > < h1 style = "color:green;" > GeeksForGeeks </ h1 > < h2 >jQuery Misc get() Method</ h2 > < button >Click</ button > <!-- Script to use get() method --> < script > $(document).ready(function(){ $("button").click(function(){ var x = $("h1").get(0); alert(x.nodeName + ": " + x.innerHTML); }); }); </ script > </ body > </ html > |
Output:
Before Click on the button:
After Click on the button:
Please Login to comment...