• jquery的选择器


    一。基本选择器

    1.$("#id") id选择器,返回单个元素

    2.$(".class") class选择器,返回集合元素

    3.$("element") 标签element,返回集合元素

    4.$("*") 所有元素*,改变所有html标签元素,返回集合元素

    5.$("selector,selector2……") 将每一个选择器匹配到的元素合并后一起返回,返回集合元素

    二。层次选择器

    1.$("ancestor descendant") 后代元素选择器,其中ancestor是指任何有效元素,descendant是其后代

    2.$("parent>child") 子元素选择器

      注:子元素选择器只能选择到子元素,后代元素选择器能选择所有后代,子孙等

    3.$("prev+next") 相邻元素选择器,next是prev元素相邻的下一个元素

    4.$("prev~siblings") 兄弟选择器,siblings是指prev元素后面的所有兄弟元素

    在这里写几个方法,可以与上面的方法交替使用:

    1.jquery.parent() 找父元素

    2.jquery.parents() 找到所有祖先元素,不只限于一个父元素

    3.jquery.children() 查找所有子元素,只会找到直接的孩子节点,不会孙子

    4.jquery.contents() 查找下面的所有内容,包括节点和文本

    5.jquery.prev() 查找上一个兄弟节点

    6.jquery.prevAll() 查找之前的所有兄弟节点

    7.jquery.next() 查找下一个兄弟节点

    8.jquery.nextAll() 查找之后的所有兄弟节点

    9.jquery.siblings() 查找其余的所有兄弟节点,部分前后

    10.jquery.find(expr) 查找其子孙后代中的元素节点

    三。基本过滤选择器

    jquery选择器的过滤规则与css中的伪类选择器语法是相同的,都以":"开头。

    1. :first 选取第一个元素,例如:$("E:first")。返回单个元素

    2. :last 选取最后一个元素,返回单个元素

    3. :not(selector) 去除所有与给定选择器匹配的元素,返回集合元素

    4. :even 选取索引值为偶数的所有元素,其中索引值从0开始计算,返回集合元素

    5. :odd 选取索引值为奇数的所有元素,返回集合元素

    6. :eq(index) 选取索引值等于index的元素,其中index从0开始计算,返回集合元素

    7. :gt(index) 选取索引值大于index的元素,其中index从0开始计算,返回集合元素

    8. :lt(index) 选取索引值小于index的元素,其中index从0开始计算,返回集合元素

    9. :header 选取页面所有标题元素h1-h6,返回集合元素

    10. :animated 选取当前正在执行动画的所有元素

    四。内容过滤选择器

    1. :contains(text) 选取含有文本内容为"text"的元素,返回集合元素

    2. :empty 选取不含任何子元素或文本的空元素,返回集合元素

    3. :has(selector) 选取含有选择器所匹配的元素,返回集合元素

    4. :parent 选取含有子元素或者文本的元素标签,返回集合元素

  • 相关阅读:
    poj2096(概率dp)
    bzoj4318/洛谷P1654OSU!(期望dp,立方版本)
    hdu1027(逆康托展开)
    hdu3734(数位dp,相减抵消影响)
    hdu2089(数位dp模版)
    hdu2856(倍增lca模版题)
    COI2007 Patrik 音乐会的等待 洛谷P1823
    校门外的树2 contest 树状数组练习 T4
    数星星 contest 树状数组练习 T2
    A simple problem with integer 树状数组区间查询模板题 contest 树状数组练习 T1
  • 原文地址:https://www.cnblogs.com/jc5426226/p/5909999.html
Copyright © 2020-2023  润新知