jQuery | :input Selector
The :input selector in jQuery is used to select input elements. This selector also used with button element.
Syntax:
$(":input")
Note: jQuery :input selector not only selects input elements but also Buttons, Dropdowns and Textarea elements.
Example: This example use :input selector to count all input elements.
<!DOCTYPE html> < html > < head > < title > jQuery :input Selector </ title > < style > body { width: 35%; height: 150px; border: 2px solid green; padding: 35px; margin: 10px; } </ style > < script src = </ script > </ head > < body > < input type = "text" value = "GeeksforGeeks" > < button type = "button" > Simple Button </ button >< br > < select > < option >Option</ option > </ select > < textarea ></ textarea > < h4 id = "GFG" ></ h4 > <!-- jQuery code to count all elements selected by :input selector --> < script > $(document).ready(function() { var allInputs = $(":input"); $("#GFG").text("Found " + allInputs.length + " elements selected."); }); </ script > </ body > </ html > |
Output:
Please Login to comment...