• 那些年我们用到的jquery选择器!!


    一:基本选择器

    1:标签选择器: 返回值(元素集合):$("h2")选取所有h2元素。

    2:类选择器:返回值(元素集合):$(".title")选取所有class为title的元素。

    3:ID选择器:返回值(单个元素):$("$title")选取id为title的元素。

    4:并集选择器:返回值(元素集合):$("div,p,.title")选取所有div.p和class为.title的所有元素!

    5:交集选择器:返回值(单个元素或元素集合):$("h2.title")选取所有拥有class 为title的h2元素!

    6:全局选择器:返回值(集合元素):$("*")选取所有元素!

    二:层次选择器

    1:后代选择器:返回值(元素集合):$("#menu span")选取#menu下所有的span元素!

    2:子选择器:返回值(元素集合):$("#menu >span")选取#menu下的子元素span!

    3:相邻元素选择器:返回值(元素集合):$("h2+dl")选取紧邻h2元素之后的同辈元素dl!

    4:同辈元素选择器:返回值(元素集合):$("h2~dl")选取h2元素之后所有的同辈元素dl!

    三:属性选择器:

    1:[attribute]:返回值(元素集合):$("[href]")选取含有href'属性的元素!

    2:[attribute=value]:返回值(元素集合):$("[href='#']")选取href属性为#的元素!

    3:[attribute ^=value]:返回值(元素集合):$("[href^='en']")选取href属性以en开头的属性!

    4:[attribute $=value]:返回值(元素集合):$("[href $='.jpg']")选取href属性以.jpg结尾的元素!

    5:[attribute $=value]:返回值(元素集合):$("[href*=‘txt’]")选取href属性值中含有txt的元素!

    四:基本过滤选择器:

    :first  选取第一个元素 : $("li:first")选取所有li元素中的第一个li元素。

    :last  选取最后一个元素 : $("li:first")选取所有li元素中的最后一个li元素。

    :not ("...")  选取去除所有与给定选择器匹配的元素 :  $("li:not(.three)")选取class不是three的li元素!

    :even 选取索引是偶数的所有元素: $("li:even")   选取索引是偶数的所有li元素!

    :odd 选取索引是奇数的所有元素:$("li:old") 选取索引是奇数的所有li元素!

    :eq(index) 选取索引等于index的元素:$("li:eq(1)")选取索引等于1的li元素!

    :gt(index)选取索引大于index的元素:$("li:gt(1)")选取索引大于1的li元素!不包括1!

    :lt(index)选取索引小于index的元素:$("li:lt(1)") 选取索引小于1的li元素!

    :header 选取所有的标题元素:$(":header") 选取网页中所有的标题元素!

    :focus 选取当前获取焦点的元素:$(":focus")选取当前获取焦点的元素!

  • 相关阅读:
    SQL反模式学习笔记16 使用随机数排序
    SQL反模式学习笔记21 SQL注入
    SQL反模式学习笔记22 伪键洁癖,整理数据
    SQL反模式学习笔记18 减少SQL查询数据,避免使用一条SQL语句解决复杂问题
    SQL反模式学习笔记19 使用*号,隐式的列
    SQL反模式学习笔记17 全文搜索
    SQL反模式学习笔记20 明文密码
    (可发送)亿级流量APP,是怎么做前端性能测试自动化的?
    测试窝 高薪测试必备技能和 20+ 项目实战精华,好书免费领(限前 1000 名)!
    同样是断言,为何 Hamcrest 如此优秀?测试灵魂三问,该如何回答?
  • 原文地址:https://www.cnblogs.com/chimingyang/p/5596663.html
Copyright © 2020-2023  润新知