jquery属性选择器有几种
创始人
2024-11-19 19:02:54
0次

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

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

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

  • 1)  $('#id')  id选择器

  • 2)  $('.class')  css选择器,class类名

  • 3)  $('element')  标签选择器,例如p,h2,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')   表单文本选择器,该选择器只包含类型做选择

  • 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'与有效

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

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

相关内容

热门资讯

空调连续工作多久需要停机休息 空调连续工作的时间取决于多个因素,包括空调的型号、功率、使用环境和维护情况等。一般来说,空调可以连续...
空调哪个符号是除湿的 空调除湿功能通常用一个水滴形状的符号表示。不同品牌和型号的空调遥控器可能会有所差异,但一般来说,除湿...
格力空调多长时间加一次氟利昂 1、一般情况下,空调对氟利昂的使用量是非常小的,所以在空调使用了四年左右的时候再考虑加也没问题。2、...
空调用多长时间需要加氟一次 一般情况下是五年。当出现以下这几种情况时,空调才需要加氟。1、空调的室内机和室外机各有两个接口,当接...
格调生活·C标思享荟:卡萨帝在... 9月12日的郑州龙湖金融岛,夜风轻拂,灯光璀璨。“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑...
品牌价值破千亿、高端份额持续领... 9月12日,“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑州站”在郑州龙湖金融岛举办。2026...
空调主板坏了修800还是换新的 空调主板坏了是修还是换新,需要考虑多个因素,以下是一些建议:1. 维修成本:如果维修费用较低,比如 ...
空调开多久需要休息多长时间 问题:空调开多久需要休息多长时间回答:1、在使用空调的过程中,一般空调开7~8个小时左右需要休息2~...
中央空调多长时间清洗一次 1、一般空调开机前清洗一次即可,空调开机中间时段再清洗一次,空调关机时清洗一次,这样比较合理。2、空...
中央空调氟利昂多久加一次 看空调制热和制冷程度,很多人的观点认为氟利昂必须一年放一次,其实这个观点是错误的,理解上面有点偏差,...