基本的jQuery选择器

名称选择器语法功能
全选选择器*选取所有元素,不管他们的名字
元素选择器元素名选取名字匹配的所有元素,例如 input
ID选择器#ID通过id匹配一个元素 例如#field
类选择器.class选取类名匹配一个元素 例如.tabs
后代选择器父子选择父元素中任意位置的子元素  例如:#list1 li
子元素选择器父>子选取父元素中的直接子元素,例如#tabs>div
相邻元素选择器前+后选取紧跟前面元素的后面的兄弟元素,例如:input+label
兄弟选择器前~后在同一个父元素内,选取紧跟着前面元素的后面的兄弟元素,例如h2~p
属性选择器[属性名]选取有个属性的所有元素,不管它的值,例如:input[readonly]
属性相等选择器[属性名=“值”]选取有这个属性并且属性值跟给定值相等的所有元素,列如:label[for="field1"]
属性不等选择器[属性名!=“值”]选取不包含这个属性名,或者包含这个属性但值不一样的所有元素,例如:a[target!="_blank"]
属性开头选择器[属性名^="值”]选取有这个属性的并且属性值的开头与给定值相等的所有元素,例如 a[href^="http:"]
属性结尾选择器[属性名=$"值"]选取有这个属性的并且属性值的结尾与给定值相等的所有元素,例如a[href$=".pdf"]
属性包含选择器[属性名*=“值”] 
属性包含单词选择器

[属性名~=“值”]

选择有这个属性并且属性值包含给定单词(以空格分开)的所有元素,例如a[href=“Google”]
属性包含前缀选择器[属性名|=“值”]选择有个属性的并且属性值等于给定值,或者以给定开始并紧接着有一个连接符(-)的所有元素,列如:a[class|="ui-state"]
多属性选择器

[属性名1=“值1”]

[属性名2=“值2”]

例如 input[type="checkbox"] [disabled]

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值