jQuery选择器

什么是jQuery选择器?

jQuery选择器类似于CSS选择(定位元素,施加样式),能够实现定位元素,施加行为。

使用jQuery选择器可以将内容和行为分开

jQuery选择器大致分为4类,如下图:
基本选择器:

元素选择器:根据标签名定位元素; eg:   $("标签名")

类选择器:根据class属性定位元素; eg:   $(".class属性")

id选择器:根据id属性定位元素;eg:  $("#id")

选择器组:定位一组选择器所对应的所有元素; eg: $("#id,.important")

层次选择器:

在select1元素下,选中所有满足select2的子孙元素:$("select1 select2");

在select1元素下,选中所有满足select2的元素:$("select1>select2");

在select1元素下,选中所有满足select2的下一个弟弟:$("select1+select2");

在select1元素下,选中所有满足select2的所有弟弟:$("select1~select2");

过滤选择器(重要:因为熟了用起来会很方便,其实就是封装的方法,直接调用):

表达式:$("标签名或者ID:方法");

基本过滤选择器(很重要):根据元素的基本特征定位元素,常用于表格和列表

常用api如下:

:first:第一个元素;

:last:最后一个元素;

:not(selector):把selector排除在外

:even:挑选偶数行

:odd:挑选奇数行

:eq(index):下标等于index的元素

:gt(index):下标大于index的元素

:lt(index):下标小于index的元素

eg:$("li:first");

内容过滤选择器:根据文本内容定位元素

:contains(text):匹配包含给定文本的元素

:empty:匹配所有不包含子元素或文本的空元素

可见性过滤选择器:根据可见性定位元素

:hidden:匹配所有不可见元素,或type为hidden的元素

:visible:匹配所有的可见元素

属性过滤选择器:根据属性定位元素

[attribute]:匹配具有attribute属性的元素

[attribute = value]:匹配属性等于value的元素

[attribute != value]:匹配属性不等于value的元素

状态过滤选择器(重要):根据状态定位元素

:enabled:匹配可用的元素

:diaabled:匹配不可用的元素

:checked:匹配选中的checkbox

:selected:匹配选中的option

$("input:selected");

表单选择器:主要是针对表单,也是9个,表单有时候无法区分,只能通过type来区分,这就是表单选择器

:text:匹配文本框

:password:匹配密码框

:radio:匹配单选框

:checkbox:匹配多选框

:submit:匹配提交按钮

:reset:匹配重置按钮

:button:匹配普通按钮

:file:匹配文件框

:hidden:匹配隐藏框

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值