liang1

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选择器;

分类:

技术点:

相关文章:

  • 2021-12-20
  • 2021-11-27
  • 2021-11-17
  • 2021-12-20
  • 2021-11-17
  • 2021-11-17
  • 2021-11-17
猜你喜欢
  • 2021-12-02
  • 2021-10-01
  • 2021-05-10
  • 2021-12-19
  • 2021-12-10
相关资源
相似解决方案