':button'和'button'之间的区别作为选择器

R K*_*R K 1 javascript jquery

<!DOCTYPE html>
<html lang="en">
    <head>
         <title>
         </title>
         <meta charset="utf-8" />
         <link rel="stylesheet" type="text/css" href="css/custom.css" />
    </head>
    <body>
        <button value="">Button 1</button>
        <button value="">Button 2</button>
        <button value="">Button 3</button>      
    <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
    <script type="text/javascript" src="js/custom.js" ></script>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

下面是custom.js中的代码

$(':button').on('click',function(){
    alert('Hello');
});
Run Code Online (Sandbox Code Playgroud)

当我将custom.js中的代码更改为

$('button').on('click',function(){
    alert('Hello');
});
Run Code Online (Sandbox Code Playgroud)

他们这样做是点击显示警报同样的工作,但我想知道的区别'button'':button'

JB0*_*B06 9

仅使用button将仅选择<button></button>元素,而:button将选择<button></button><input type="button" />

有关更多信息,请参阅https://api.jquery.com/button-selector/.