zoukankan      html  css  js  c++  java
  • 那些年我们用到的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")选取当前获取焦点的元素!

  • 相关阅读:
    编译使用tinyxml
    GitLab 项目创建后地址由Localhost改为实际IP的方法
    树莓派相机设定
    MongoDB的数据备份与恢复
    Nginx PHP fpm forbidden 原因
    PSR2规范
    docker 日志管理
    Docker 拷贝文件
    Docker MySQL基本操作
    deepin安装php5.6
  • 原文地址:https://www.cnblogs.com/chimingyang/p/5596663.html
Copyright © 2011-2022 走看看