Selects all button elements and elements of type button.
An equivalent selector to $( ":button" )
using valid CSS is $( "button, input[type='button']" )
.
- Because
:button
is a jQuery extension and not part of the CSS specification, queries using:button
cannot take advantage of the performance boost provided by the native DOMquerySelectorAll()
method. To achieve the best performance when using:button
to select elements, first select the elements using a pure CSS selector, then use.filter(":button")
.
jQuery( ":button" )
version added: 1.0
Examples:
Find all button inputs and mark them.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 | <!doctype html> < html lang = "en" > < head > < meta charset = "utf-8" > < title >button demo</ title > < style > textarea { height: 35px; } div { color: red; } fieldset { margin: 0; padding: 0; border-width: 0; } .marked { background-color: yellow; border: 3px red solid; } </ style > </ head > < body > < form > < fieldset > < input type = "button" value = "Input Button" > < input type = "checkbox" > < input type = "file" > < input type = "hidden" > < input type = "image" > < input type = "password" > < input type = "radio" > < input type = "reset" > < input type = "submit" > < input type = "text" > < select > < option >Option</ option > </ select > < textarea ></ textarea > < button >Button</ button > </ fieldset > </ form > < div ></ div > < script > var input = $( ":button" ).addClass( "marked" ); $( "div" ).text( "For this type jQuery found " + input.length + "." ); // Prevent the form from submitting $( "form" ).submit(function( event ) { event.preventDefault(); }); </ script > </ body > </ html > |
Please login to continue.