jquery之选择器

jquery:

使用jquery时返回的是jquery对象,jquery只能使用jquery提供的方法

使用jQuery要先使用一个单独的script标签引入一个jquery。再创建一个script标签用来写事件

jquery中的选择器基本上和css上的选择器差不多(不过jquery的选择器是写在单引号或者双引号里边的)

选择器:

  • id选择器:#id

    使用方法:$("#id")

  • class选择器:.class

    使用方法:$(".class")

  • 通配选择器:* 匹配到所有的HTML元素

    使用方法:$(*)

  • element直接选择到HTML元素

    使用方法:$("HTML元素")

筛选选择器:(相较于选择器来说筛选选择器能选择的更具体)

  • :first 想要选择到那个元素的第一个

    例如:li:first选择到li元素的第一个

    使用方法:$("HTML元素:first")

  • :odd 匹配所有索引值为奇数的元素,从0开始

    使用方法:$("HTML元素:odd")

  • :not() 选择到所有选择到到的HTML元素然后把class为not括号里的参数d的剔除掉

    使用方法:$("HTML元素:not('参数')")

  • :even 匹配所有索引值为偶数的元素从0开始计数

    使用方法:$("HTML元素:even")

  • :eq(元素的索引) 匹配给定索引值的元素

    使用方法:$("HTML元素:eq(元素的索引)")

  • :gt(元素的索引)匹配所有大于给定索引值的元素,不包括给定索引值的元素

    使用方法:$("HTML元素:gt(元素的索引)")

  • :last 想要选择那个元素的最后一个

    使用方法:$("HTML元素:last")

  • :header 匹配所有的标题元素

    使用方法:$("HTML元素:header")

内容选择器:

  • :contains(text) 匹配包含某个文本的元素

    使用方法:$("HTML元素:contains('包含某个文本的文档')")

  • :empty 匹配不包含子元素和文本的元素

    使用方法:$("HTML元素:empty")

  • :parent 匹配包含文本的子元素和父元素

    使用方法:$("HTML元素:parent")

可见性选择器:

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

    使用方法:$("HTML元素:hidden")

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

    使用方法:$("HTML元素:visible")

属性选择器:[]

匹配所有给定属性的元素

使用方法:$("[属性]")

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值