$(":button") 为 jQuery 中表单选择器(貌似与过滤选择器同级),旨在选择所有的按钮,所以会找到 、 元素;而 $("button") 则为基本选择器,旨在选择为 的标签。
: 即为 jQuery 的过滤选择器,语法类似于 css 中的伪类选择器;其过滤选择器大概可以分为基本过滤(p:first 之类)、内容过滤(:empty)、子元素过滤(:first-child)和属性过滤 [href] 选择器。
$("#id",".class") 复合选择器
$("div p span") 层级选择器//div下的p元素中的span元素
$("div>p") 父子选择器//div下的所有p元素
$("div+p") 相邻元素选择器//div后面的p元素(仅一个p)
$("div~p") 兄弟选择器 //div后面的所有p元素(同级别)
$(".p:last") 类选择器加过滤选择器 第一个和最后一个(first 或者last)
$("#mytable td:odd") 层级选择加过滤选择器奇偶(odd 或者 even)
$("div p:eq(2)") 索引选择器 div下的第三个p元素(索引是从0开始)
$("a[href='www.baidu.com']") 属性选择器
$("p:contains(test)") // 内容过滤选择器,包含text内容的p元素
$(":emtyp") //内容过滤选择器,所有空标签(不包含子标签和内容的标签)parent 相反
$(":hidden") //所有隐藏元素 visible
$("input:enabled")//选取所有启用的表单元素
$(":disabled") //所有不可用的元素
$("input:checked")//获取所有选中的复选框单选按钮等
$("select option:selected")//获取选中的选项元素