jQuery选择器

1.基本选择器

  1. id选择器:$("#id名称")
  2. 类选择器:$(".类名")
  3. 标签选择器:$("标签名")
  4. 所有选择器:$("*")
  5. 组合选择器:jQuery的组合选择器是指多个被选对象间是用逗号分隔后形成的选择器,例如获取id为one和标签为span的元素$("#one,span")

2.层级选择器

  1. 所有后代选择器(A B):选择body中的所有div子标签$("body div");选择div下面class为son的标签$("div .son")
  2. 直接后代选择器(A > B):选择A的直接后代,不包括A的后代的后代(间接后代)
  3. 下个兄弟选择器(A + B):例选择id为one的下一个兄弟div$("#one + div")
  4. 剩余兄弟选择器(A~B):选择id为two的所有后面的兄弟div$("#two ~ div")
  5. 所有兄弟选择器:包括该元素前面与后面的兄弟,需要使用siblings函数$("#two").siblings("div")

3.基本过滤选择器

  1. 选择第一个:$("A:first")
  2. 选择最后一个:$("A:last")
  3. 排除指定id的元素:$("A:not(#id值)")
  4. 排除指定class的元素:$("A:not(.class值)")
  5. 选择索引为奇数的元素(元素的索引从0开始):$("A:odd")
  6. 选择索引为偶数的元素(元素的索引从0开始):$("A:even")
  7. 选择索引号等于指定值(等于3)的元素:$("A:eq(3)")
  8. 选择索引号小于3的元素:$("A:lt(3)")
  9. 选择索引号大于3的元素:$("A:gt(3)")
  10. 选择所有的标题标记(标题标记从<h1>~<h6>.字体越来越小) :$(":header")

4.内容过滤器

  1. 选择文本内容包含指定内容的元素:$("A:contains('指定值')")
  2. 选择文本内容为空的元素:$("A:empty")
  3. 选择包含指定id值的元素:$("A:has(#id值)")
  4. 选择包含指定class值的元素:$("A:has(.class值)")

5.可见性过滤选择器

  1. 选择所有可见的元素:$("A:visible")
  2. 选择所有不可见的元素:$("A:hidde")

6.属性过滤器

  1. 选择包含指定属性的元素:$("A[指定的属性]")
  2. 择属性值为指定值的元素:$("A[属性='指定值']") ,例选择title属性值为test的div元素,$("div[title='test']")
  3. 选择属性值不等于指定值的元素:$("A[属性!='指定值']")
  4. 选择属性值以指定值开头的元素:$("A[属性^='指定值']")
  5. 选择属性值以指定值为结尾的元素:$("A[属性$='指定值']")
  6. 选择属性值包含指定值的元素:$("A[属性*='指定值']")
  7. 组合属性选择器:$("A[][]"),例选择title属性包含'es'的并且含有id属性的div元素 ,$("div[id][title*='es']")

7.子元素过滤器

  1. 选择指定元素的第N个字元素:$("A :nth-child(N)") ,例选择class属性值为one的div元素的第二个子元素,$("div[class='one'] :nth-child(2)")
  2. 选择指定元素的第一个子元素:$("A :first-child")
  3. 选中指定元素的最后一个子元素:$("A :last-child")
  4. 选中具有唯一子元素的元素的子元素 :$("A :only-child")

8.表单相关元素选择器

  1. 选中可用的文本框:$("A:enabled")
  2. 选中不可用的文本框:$("A:disabled")
  3. 选中复选框中被选中的选项:$("A:checked")
  4. 选择下拉框中被选中的选项:$("A:selected")

9.表单input选择器

  1. 选择文本框:$("表单 :text")
  2. 选择密码框:$("表单 :password")
  3. 选择被选中的单选框的选项:$("表单 :radio:checked")
  4. 选中文件上传框:$("表单 :file")
  5. 选择复选框中被选中的选项:$("form :checkbox:checked")
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值