jquery有哪些属性选择器

jquery中的属性选择器有：1、id选择器；2、css选择器；3、标签选择器；4、层次选择器；5、过滤选择器；6、属性选择器；7、子元素选择器；8、表单选择器。

jQuery中使用$()符号作为选择符极大地提高了工作效率。

（学习视频分享：Javascript视频教程）

常用属性选择器有以下几种：

• 1)　　$(&＃39;#id&＃39;)　　id选择器

• 2)　　$(&＃39;.class&＃39;)　　css选择器,class类名

• 3)　　$(&＃39;element&＃39;)　　标签选择器，例如p,h1,div

• 4)　　$(&＃39;*&＃39;)　　全选择器,可选择所有的html标签(影响范围较大甚用)

• 5)　　$(&＃39;sele1,sele2&＃39;)　　用‘,&＃39;逗号隔开可以选择多个不同元素有相同效果的选择器

• 6)　　$(&＃39;div p&＃39;)　　层次选择器,常用的选择器,例如div下面的p标签

• 7）　 $(&＃39;div>p&＃39;)　与上一个层次选择器差不多,但是div下面有子元素,子元素下还有孙元素,该选择器只能选子元素

• 8）　 $(&＃39;div+p&＃39;)　 该选择器用得很少表示div相邻下一个选择器,(必须是相同层次元素并且紧挨的）

• 9)　　$(&＃39;div~p&＃39;) 在相同阶段的元素从div开始一直到该阶段尾部所有的p标签被选中,不包括往下元素的为p子元素

• 10） $(&＃39;div:first&＃39;)　　过滤选择器,:first用:与父级元素连接,选择的第一个div元素;

• 11） $(&＃39;div:last&＃39;)　　过滤选择器;:last方法与上一样不过是选择最后一个div元素;

• 12） $(&＃39;li:eq(1)&＃39;)　　该选择器也是过滤选择器;用‘:eq()&＃39;连接,括号内输入数字选择从0开始,0代表第一位;

• 13)　 $(&＃39;li:contains("text")&＃39;) 该选择器可选择如:li里面文字中所有text的所有元素包括li下的子元素带有text都被选中text可以是自己所需要的关键字;(&＃39;text&＃39;)需要加单或双引号,因为它是字符串而不是变量

• 14)　 $(&＃39;li:has("p")&＃39;) 该选择器与层次选择器效果差不多也是选择li以下的所有p标签可被继承;

• 15)　 $(&＃39;div:hidden&＃39;)　　:hidden该选择器可以选择一些display:none;隐藏的选择器

• 16)　 $(&＃39;span:visible&＃39;)　　 与:hidden恰恰相反将所有span标签都选中,但display:none的span属性不选中

• 17)　 $(&＃39;li[title=book]&＃39;)　　属性选择器,选中li里属性为title=book的元素;

• 18)　 $(&＃39;li[title!=book]&＃39;)　 与上一个相反选中li内title不为,不等于book的元素;

• 19)　 $(&＃39;li[title*=k]&＃39;)　　属性选择器,选择所有li内,全部title中带有k字的元素;

• 20)　 $(&＃39;li:first-child&＃39;)　　子元素过滤器;:first过滤器可以获取指定父元素的首个子元素,并不是一个集合.只是一个li下的首个子元素并不是所有的li下的子元素.而first-child获得每个父元素返回的首个子元素;

• 21)　 $(&＃39;li:last-child&＃39;)　　与上过滤选择器一样,last:child会获得每个父元素返回的最后一个子元素;

• 22)　 $(&＃39;form :input&＃39;)　　表单选择器所包含的有input,select,button,textarea,

• 23)　 $(&＃39;form :text&＃39;)　　 表单文本选择器,该选择器只包含类型做选择

• 24)　 $(&＃39;form :password&＃39;)　表单密码选择器,同样也只包含input内 type=&＃39;password&＃39;类型,

• 25)　 $(&＃39;form :radio&＃39;)　　单选按钮选择器,同样也只包含input内type =&＃39; radio&＃39;类型,26)　 $(&＃39;form :checkbox&＃39;) 复选框选择器,同样也只包含input内type=&＃39;checkbox&＃39;类型

• 27) 　$(&＃39;form :submit&＃39;)　提交按钮选择器,包含input内type="submit"和button类型,

• 28)　 $(&＃39;form :image&＃39;)　　图像域选择器.只有input内的src才能生效。如在form内添加img src将不会受到影响

• 29)　 $(&＃39;form :button&＃39;)　　表单按钮选择器.包含input内type=&＃39;button&＃39;与有效

• 30)　 $(&＃39;form :checked&＃39;)　　选中状态选择器,带有选择框radio,checkbox都将被选中;

• 31)　 $(&＃39;form :selected&＃39;)　　下选框选中选择器,只能获取select下拉列表中全部处于选中状态的option选择器;