首页
学习
活动
专区
圈层
工具
发布

jQuery选择器(满足你的所有业务)

jQuery 选择器允许对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。...它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。 jQuery 中所有选择器都以美元符号开头:$()。...使用jquery请先引入 jquery.com/jquery-3.1.1.min.js"> 元素选择器 $(this)...intro") //id="intro" 的元素 后代选择器 $("p span") //选取元素里的所有的元素(注:后代选择器选择父元素所有指定选择的元素,不管是儿子级,还是孙子级...) 子选择器 $("p>span") //选择元素下的所有元素 (注:子选择器只选择直属于父元素的子元素) 同辈选择器 $(".intro+p") //选取class为intro

1.5K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jQuery选择器Sizzle原理分析(下)

    曾经红级一时的jQuery还记得吗?拥有号称当时业界最快的DOM选择器Sizzle,那么为什么他能自称是最快呢?让我们来分析一下Sizzle.js的源码,了解他的设计精妙之处。...如果没有种子集合并且是单组选择符(没有逗号) (1)尝试缩小上下文:如果第一个token是ID选择符,则会执行Expr.find["ID"]的方法来找到这个上下文,以后所有的查询都是在这个上下文进行,然后把第一个...,后面所有的分析过程都是在这些种子集合基础之上进行的。...下面介绍下matcherFromTokens这个方法:输入参数是tokens,然后对每个token进行处理,这里需要了解一个知识点: 非伪类的选择符 有普通选择符和关系选择符两种,关系选择符包括以下几种情况...缓存已查询的jQuery对象:通过空间换时间的方式,不要每次都要执行过滤函数。 扫码下方二维码, 随时关注更多前端干货文章! ▼ 微信:IMWebTech

    1K20

    Jquery简介选择的

    依赖库:jquery-XXX.js 语法:$() 正文 5择器 id选择器 $(“#id值”) 样例:$(#span1).css(“color”,”red”); 标签选择器 $(“标签名称”) Class...选择器 $(“.class的值”) 群组选择器 $(“标签名称1,标签名称2”) 包括选择器 $(“标签名称1 标签名称2”) 表单选择器 $(“:input”)全部的Input标签 $(“:text...:has(selector)返回值:Array匹配含有选择器所匹配的元素的元素一个用于筛选的选择器演示样例描写叙述:给全部包括 p 元素的 div 元素加入一个 text 类HTML...引號在大多数情况下是可选的。但在遇到诸如属性值包括”]”时,用以避免冲突。...Array 匹配其父元素下的第N个子或奇偶元素 ‘:eq(index)’ 仅仅匹配一个元素,而这个将为每个父元素匹配子元素。

    2.3K20

    SQL中的行转列和列转行

    其基本的思路是这样的: 在长表的数据组织结构中,同一uid对应了多行,即每门课程一条记录,对应一组分数,而在宽表中需要将其变成同一uid下仅对应一行 在长表中,仅有一列记录了课程成绩,但在宽表中则每门课作为一列记录成绩...由多行变一行,那么直觉想到的就是要groupby聚合;由一列变多列,那么就涉及到衍生提取; 既然要用groupby聚合,那么就涉及到将多门课的成绩汇总,但现在需要的不是所有成绩汇总,而仍然是各门课的独立成绩...其中,if(course='语文', score, NULL)语句实现了当且仅当课程为语文时取值为课程成绩,否则取值为空,这相当于衍生了一个新的列字段,且对于每个uid而言,其所有成绩就只有特定课程的结果非空...02 列转行:union 列转行是上述过程的逆过程,所以其思路也比较直观: 行记录由一行变为多行,列字段由多列变为单列; 一行变多行需要复制,列字段由多列变单列相当于是堆积的过程,其实也可以看做是复制;...一行变多行,那么复制的最直观实现当然是使用union,即分别针对每门课程提取一张衍生表,最后将所有课程的衍生表union到一起即可,其中需要注意字段的对齐 按照这一思路,给出SQL实现如下: SELECT

    11.3K30

    jQuery常用的选择器

    选取页面中元素可以使用jQuery给我们提供的$()方法,该方法需要提供选择器作为参数,方法执行完成后会返回给我们一个jQuery对象,被选取的元素就包含在该对象中。...1.1基础选择器 选择器 实列 说明 全局选择器 $('*') 选择所有元素 标签选择器 $('p') 选择所有的p元素 ID选择器 $('#top') 选择所有id属性值为top的元素 class选择器...$('.box') 选择所有clss属性值为top的元素 多重选择器 $('div, p') 选择所有的div元素和p元素 2.2 按层次结构选取元素 选择器 实列 说明 子代选择器 $('div...$('div ~ p') 选择作为div元素且位于其后的所有p元素 2.3 使用属性选择元素 选择器 实列 说明 tag[attr] $('p[class]') 选择所有带有class属性的p元素 tag...$('div:parent') 选择匹配元素集合中包含子元素的所有div元素(包括文本节点) 2.7 选取表单元素 jQuery提供了一些专门为表单设计的选择器,用于快速访问表单元素。

    1.2K20

    SQL 中的行转列和列转行

    行转列,列转行是我们在开发过程中经常碰到的问题。行转列一般通过CASE WHEN 语句来实现,也可以通过 SQL SERVER 的运算符PIVOT来实现。用传统的方法,比较好理解。...但是PIVOT 、UNPIVOT提供的语法比一系列复杂的SELECT…CASE 语句中所指定的语法更简单、更具可读性。下面我们通过几个简单的例子来介绍一下列转行、行转列问题。...[StudentScores] GROUP BY UserName 复制代码 查询结果如图所示,这样我们就能很清楚的了解每位学生所有的成绩了 接下来我们来看看第二个小列子。...这也是一个典型的行转列的例子。...上面两个列子基本上就是行转列的类型了。但是有个问题来了,上面是我为了说明弄的一个简单列子。

    9.1K20

    数据库的方向 - 行vs列

    顾名思义,这两种数据库架构在存贮数据时的方式是大相径庭的。在行式数据库中,每一行中的每一块数据都是紧挨着另一块数据存放在硬盘中。一般情况下,你可以认为每一行存贮的内容就是硬盘中的一组连续的字节。...为了方便我们的讨论,我们假设每一行都包含一个用户的信息,每个用户的所有属性都整块儿存储在硬盘上。如下图所示,虚拟表(或者数组)中的列用来存储每个属性。 ? 在硬盘上,大量的页面用来存储所有的数据。...我们假设数据库中的每一行的信息都存储在同一页上。在这种情况下,每一页都能保存一个用户的所有信息。在上边的例子中,Alice的所有信息都存储在一个页面中。...所有的数据库(实际上是所有的运算),当它所需要的数据驻留在内存中时其工作速度是最快的。当然正常情况下,数据不会在内存中,它们会被放到别的地方,当数据库调用它们时,它们才会被放到内存中。...即使整个数据库都存放在内存里,也需要消耗大量的CPU资源,来将一行中的所有列拼接起来。 下面总结这一课的关键内容。

    1.7K40

    MySQL中的行转列和列转行

    在 MySQL 中,行转列(Row to Column) 和 列转行(Column to Row) 是常见的操作,用于将数据以不同的形式进行展示。...通常,行转列用于将多个行的数据合并成一行,而列转行则将一行数据拆分成多行。以下是如何在 MySQL 中实现这两种操作的详细解释。1. 行转列(Pivot)行转列是将表中的行数据转换成列形式。...SUM() 聚合函数:聚合相同 product_id 下的销售数据。GROUP BY:按照 product_id 分组,生成每个产品的销售数据。2....对 Feb_sales 和 Mar_sales 使用相同的方法。3. 使用动态 SQL 实现通用的行转列和列转行对于动态的场景(例如表的列数或者行数不固定),需要使用动态 SQL 来生成查询语句。...总结行转列(Pivot):通过使用 CASE 和聚合函数(如 SUM())实现。列转行(Unpivot):通过使用 UNION ALL 将每一列数据转换成独立的行。

    97010

    在VimVi中删除行、多行、范围、所有行及包含模式的行

    使用linux服务器,免不了和vi编辑打交道,命令行下删除数量少还好,如果删除很多,光靠删除键一点点删除真的是头痛,还好Vi有快捷的命令可以删除多行、范围。 删除行 在Vim中删除一行的命令是dd。...删除所有行 要删除所有行,您可以使用代表所有行的%符号或1,$范围: 1、按Esc键进入正常模式。 2、键入%d,然后按Enter键以删除所有行。...删除包含模式的行 基于特定模式删除多行的语法如下: :g//d 全局命令(g)告诉删除命令(d)删除所有包含的行。 要匹配与模式不匹配的行,请在模式之前添加感叹号(!): :g!.../foo/d-删除所有不包含字符串“foo”的行。 :g/^#/d-从Bash脚本中删除所有注释,模式^#表示每行以#开头。 :g/^$/d-删除所有空白行,模式^$匹配所有空行。...:g/^\s*$/d-删除所有空白行,与前面的命令不同,这还将删除具有零个或多个空格字符(\s*)的空白行。

    136.2K32

    jQuery常用的 基本选择器

    什么是jQuery选择器 jQuery选择器是jQuery为我们提供的一组方法,让我们更加方便的获取到页面中的元素。注意:jQuery选择器返回的是jQuery对象。...jQuery选择器有很多,基本兼容了CSS1到CSS3所有的选择器,并且jQuery还添加了很多更加复杂的选择器。...【查看jQuery文档】 jQuery选择器虽然很多,但是选择器之间可以相互替代,就是说获取一个元素,你会有很多种方法获取到。所以我们平时真正能用到的只是少数的最常用的选择器。...css里的选择器jQuery都能写 基本选择器 名称 用法 描述 ID选择器 $(“#id”) $(“#id”) 获取指定ID的元素 类选择器 $(“.class”) 获取同一类class的元素 标签选择器...$(“div” 获取同一类标签的所有元素 并集选择器 $(“div,p,li”) 使用逗号分隔,只要符合条件之一就可。

    80010
    领券