jQuery中使用$()作为选择符极大提高工作效率以及方便快捷;一些常用属性的选择器由以下几种
1) $(\'#id\') id选择器
2) $(\'.class\') css选择器,class类名
3) $(\'element\') 标签选择器,例如p,h1,div
4) $(\'*\') 全选择器,可选择所有的html标签(影响范围较大甚用)
5) $(\'sele1,sele2\') 用‘,\'逗号隔开可以选择多个不同元素有相同效果的选择器
6) $(\'div p\') 层次选择器,常用的选择器,例如div下面的p标签
7) $(\'div>p\') 与上一个层次选择器差不多,但是div下面有子元素,子元素下还有孙元素,该选择器只能选子元素
8) $(\'div+p\') 该选择器用得很少表示div相邻下一个选择器,(必须是相同层次元素并且紧挨的)
9) $(\'div~p\') 在相同阶段的元素从div开始一直到该阶段尾部所有的p标签被选中,不包括往下元素的为p子元素
10) $(\'div:first\') 过滤选择器,:first用:与父级元素连接,选择的第一个div元素;
11) $(\'div:last\') 过滤选择器;:last方法与上一样不过是选择最后一个div元素;
12) $(\'li:eq(1)\') 该选择器也是过滤选择器;用‘:eq()\'连接,括号内输入数字选择从0开始,0代表第一位;
13) $(\'li:contains("text")\') 该选择器可选择如:li里面文字中所有text的所有元素包括li下的子元素带有text都被选中text可以是自己所需要的关键字;(\'text\')需要加单或双引号,因为它是字符串而不是变量
14) $(\'li:has("p")\') 该选择器与层次选择器效果差不多也是选择li以下的所有p标签可被继承;
15) $(\'div:hidden\') :hidden该选择器可以选择一些display:none;隐藏的选择器
16) $(\'span:visible\') 与:hidden恰恰相反将所有span标签都选中,但display:none的span属性不选中
17) $(\'li[title=book]\') 属性选择器,选中li里属性为title=book的元素;
18) $(\'li[title!=book]\') 与上一个相反选中li内title不为,不等于book的元素;
19) $(\'li[title*=k]\') 属性选择器,选择所有li内,全部title中带有k字的元素;
20) $(\'li:first-child\') 子元素过滤器;:first过滤器可以获取指定父元素的首个子元素,并不是一个集合.只是一个li下的首个子元素并不是所有的li下的子元素.而first-child获得每个父元素返回的首个子元素;
21) $(\'li:last-child\') 与上过滤选择器一样,last:child会获得每个父元素返回的最后一个子元素;
22) $(\'form :input\') 表单选择器所包含的有input,select,button,textarea,
23) $(\'form :text\') 表单文本选择器,该选择器只包含<input type=\'text\'>类型做选择
24) $(\'form :password\') 表单密码选择器,同样也只包含input内 type=\'password\'类型,
25) $(\'form :radio\') 单选按钮选择器,同样也只包含input内type =\' radio\'类型,26) $(\'form :checkbox\') 复选框选择器,同样也只包含input内type=\'checkbox\'类型
27) $(\'form :submit\') 提交按钮选择器,包含input内type="submit"和button类型,
28) $(\'form :image\') 图像域选择器.只有input内的src才能生效。如在form内添加img src将不会受到影响
29) $(\'form :button\') 表单按钮选择器.包含input内type=\'button\'与<button></button>有效
30) $(\'form :checked\') 选中状态选择器,带有选择框radio,checkbox都将被选中;
31) $(\'form :selected\') 下选框选中选择器,只能获取select下拉列表中全部处于选中状态的option选择器;