jQuery学习教程,写更少的代码,做更多的事情(二)

animatedIt();

})

2> 选择索引值为index的元素

:eq()Selector

语法:

(1)$(“:eq(index)”) //index:要匹配元素的索引值(从0开始计数)

(2)$(“:eq(-index)”) //-index:要匹配元素的索引值(从0开始计数),从最后一个元素开始倒计数。

3> 选择奇偶数索引来匹配

:even Selector 或者 :odd Selector

语法:

$(“:even”) or $(“:odd”)

注意:这是基于0的索引,所以:even选择器是选择第一个元素,第三个元素依次类推匹配。

4> 选择第一个元素

:first Selector

语法:

$(“:first”)

描述:选择第一个匹配的元素。

5> 获得当前焦点的元素

:focus Selector

语法:

$(“:focus”)

描述:

选择当前获取焦点的元素。

例如:注意下面的tabindex属性和delegate方法

select menu

welcome the world。

想要了解全部的事件,可以查询一下这里事件

6> 选择所有标题元素

:header Selector

语法:

$(“:header”)

描述:

选择所有标题元素,像h1,h2,h3等。

7> 选择最后一个匹配元素

语法:

last Selector

描述:

选择最后一个匹配的元素。

8> 所有大于给定index(索引值)的元素

gt就是greater than 大于的意思。

:gt()Selector

语法:

( " : g t ( i n d e x ) " ) o r (":gt(index)") or (":gt(index)")or(“:gt(-index)”)

描述:

选择匹配集合中所有大于给定index(索引值)的元素。

9> 所有小于给定index(索引值)的元素

lt就是less than小于的意思。

:lt()Selector //这里是L不是i

语法:

( " : l t ( i n d e x ) " ) o r (":lt(index)")or (":lt(index)")or(“:lt(-index)”)

描述:

选择匹配集合中所有索引值小于给定index参数的元素

注意:这里的索引值不包括自身的!

例如:

TD #0TD #1TD #2 TD #3TD #4TD #5 TD #6TD #7TD #8

在这里插入图片描述

10>出去不匹配给定的选择器的元素

语法:

$(“:not(selector)”)

描述:

选择所有元素去除不匹配给定的选择器的元素

2.子元素过滤

====================================================================

1> 选择所有父级元素的第一个子元素

语法:

(“:first-child”)

描述:

选择所有父级元素下的第一个子元素。

例如:

111

222

333

111

222

333

111

222

333

2> 选择所有父级元素的最后一个子元素

语法:

(“:last-child”)

描述:

选择所有父级元素下的最后一个子元素。

3> 选择所有相同的元素名称的第一个兄弟元素

语法:

(“:first-of-type”)

描述:

选择所有相同的元素名称的第一个兄弟元素。

4> 选择所有元素之间具有相同元素名称的最后一个兄弟元素

语法:

(“:last-of-type”)

描述:

选择的所有元素之间具有相同元素名称的最后一个兄弟元素。

5> 选择他们所有父元素的第n个子元素

语法:

(“:nth-child(index/even/odd/equation)”)

描述:

选择的他们所有父元素的第n个子元素。

3.内容过滤

===================================================================

1> 选择所有包含指定文本的元素

结局:总结+分享

看完美团、字节、腾讯这三家的一二三面试问题,是不是感觉问的特别多,可能咱们真的又得开启面试造火箭、工作拧螺丝的模式去准备下一次的面试了。

开篇有提及我可是足足背下了Java互联网工程师面试1000题,多少还是有点用的呢,换汤不换药,不管面试官怎么问你,抓住本质即可!能读到此处的都是真爱

  • Java互联网工程师面试1000题

image.png

而且从上面三家来看,算法与数据结构是必备不可少的呀,因此我建议大家可以去刷刷这本左程云大佬著作的 《程序员代码面试指南 IT名企算法与数据结构题目最优解》,里面近200道真实出现过的经典代码面试题。

  • 程序员代码面试指南–IT名企算法与数据结构题目最优解

image.png

  • 其余像设计模式,建议可以看看下面这4份PDF(已经整理)

image.png

  • 更多的Java面试学习笔记如下,关于面试这一块,我额外细分出Java基础-中级-高级开发的面试+解析,以及调优笔记等等等。。。

image.png

以上所提及的全部Java面试学习的PDF及笔记,如若皆是你所需要的,那么都可发送给你!

!能读到此处的都是真爱

  • Java互联网工程师面试1000题

[外链图片转存中…(img-PhTNmHm3-1719277559263)]

而且从上面三家来看,算法与数据结构是必备不可少的呀,因此我建议大家可以去刷刷这本左程云大佬著作的 《程序员代码面试指南 IT名企算法与数据结构题目最优解》,里面近200道真实出现过的经典代码面试题。

  • 程序员代码面试指南–IT名企算法与数据结构题目最优解

[外链图片转存中…(img-5Xd7l5In-1719277559264)]

  • 其余像设计模式,建议可以看看下面这4份PDF(已经整理)

[外链图片转存中…(img-JNq9Unbk-1719277559264)]

  • 更多的Java面试学习笔记如下,关于面试这一块,我额外细分出Java基础-中级-高级开发的面试+解析,以及调优笔记等等等。。。

[外链图片转存中…(img-hOGOYFpo-1719277559265)]

以上所提及的全部Java面试学习的PDF及笔记,如若皆是你所需要的,那么都可发送给你!

  • 25
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值