jQuery :button 选择器 概述
jQuery 2022-06-01 12:03:4811小码哥的IT人生shichen
jQuery :button 选择器
实例
选择 type="button" 的 <button> 元素和 <input> 元素:
$(":button")
完整实例:
<html> <head> <script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(":button").css("background-color","#B2E0FF"); }); </script> </head> <body> <html> <body> <form action=""> Name: <input type="text" name="user" /> <br /> Password: <input type="password" name="password" /> <br /> <button type="button">Useless Button</button> <input type="button" value="Another useless button" /> <br /> <input type="reset" value="Reset" /> <input type="submit" value="Submit" /> <br /> </form> </body> </html> </body> </html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html
定义和用法
:button 选择器选取类型为 button 的 <button> 元素和 <input> 元素。
语法
$(":button")
提示和注释
提示:通过该选择器使用 input:button 不会选择 <button> 元素。