常用元素选取方式

通过 $(":button") 可以选取所有 type="button" 的 <input> 元素和 <button> 元素，如果去掉冒号，$("button")只能获取 <button> 元素。

<p id="test1">点进这里测试  <b>button</b></p>
<p id="test2">点进这里测试 <b>:button</b></p>
<button>Button 按钮</button>
<input type="button" value="Input 按钮">

关于 : 和 [] 这两个符号的理解

：可以理解为种类的意思，如：p:first，p 的种类为第一个。

[] 很自然的可以理解为属性的意思，如：[href] 选取带有 href 属性的元素。
$(":button") 为 jQuery 中表单选择器（貌似与过滤选择器同级），旨在选择所有的按钮，所以会找到 <input>、<button> 元素；而 $("button") 则为基本选择器，旨在选择为 <button> 的标签。

: 即为 jQuery 的过滤选择器，语法类似于 css 中的伪类选择器；其过滤选择器大概可以分为基本过滤（p:first 之类）、内容过滤（:empty）、子元素过滤(:first-child)和属性过滤 [href] 选择器。