jQuery中各种选择器的用法

分类:知识百科 日期: 点击:0

jQuery是一个JavaScript库,它提供了一种简单的方式来选择元素,以便对它们进行操作。jQuery提供了多种不同的选择器,每种选择器都有自己的用途。

基本选择器

基本选择器是最常用的选择器,它们可以用来选择元素,并对其进行操作。

  • $("*")
    :选择所有元素
  • $(this)
    :选择当前元素
  • $("p")
    :选择所有的

    元素

  • $(".class")
    :选择所有class等于“class”的元素
  • $("#id")
    :选择id等于“id”的元素

层次选择器

层次选择器可以用来选择某个元素的子元素或者父元素。

  • $("parent > child")
    :选择父元素为parent的所有child元素
  • $("ancestor descendant")
    :选择所有ancestor元素的descendant元素
  • $("prev + next")
    :选择紧接在prev元素后面的next元素
  • $("prev ~ siblings")
    :选择prev元素之后的所有siblings元素

过滤选择器

过滤选择器可以用来从一组元素中筛选出满足特定条件的元素。

  • $(":first")
    :选择第一个元素
  • $(":last")
    :选择一个元素
  • $(":even")
    :选择偶数元素
  • $(":odd")
    :选择奇数元素
  • $(":not(selector)")
    :选择不符合selector条件的元素
  • $(":contains('text')")
    :选择包含文本“text”的元素
  • $(":empty")
    :选择不包含子元素的元素
  • $(":hidden")
    :选择隐藏的元素
  • $(":visible")
    :选择可见的元素

属性选择器

属性选择器可以用来选择具有特定属性的元素。

  • $("[attribute]")
    :选择具有attribute属性的元素
  • $("[attribute=value]")
    :选择attribute属性等于value的元素
  • $("[attribute!=value]")
    :选择attribute属性不等于value的元素
  • $("[attribute^=value]")
    :选择attribute属性值以value开头的元素
  • $("[attribute$=value]")
    :选择attribute属性值以value结尾的元素
  • $("[attribute*=value]")
    :选择attribute属性值包含value的元素

子元素选择器

子元素选择器可以用来选择某个元素的子元素。

  • $("parent > child")
    :选择parent元素的所有直接子元素child
  • $("parent > *")
    :选择parent元素的所有直接子元素
  • $("parent > > child")
    :选择parent元素的所有子孙元素child
  • $("parent > > *")
    :选择parent元素的所有子孙元素

表单元素选择器

表单元素选择器可以用来选择特定类型的表单元素。

  • $(":input")
    :选择所有表单元素
  • $(":text")
    :选择所
标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。