2024年最全jQuery学习教程，写更少的代码,做更多的事情（二）(2)，从理论到实践

对象篇

模块化编程-自研模块加载器

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

运行

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

语法：

$(":gt(index)")or$(“:gt(-index)”)

描述：

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

9> 所有小于给定index（索引值）的元素

lt就是less than小于的意思。

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

语法：

$(":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> 选择所有父级元素的最后一个子元素

语法：

框架相关

原生JS虽能实现绝大部分功能，但要么就是过于繁琐，要么就是存在缺陷，故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架，两者工作原理上存在共通点，也存在一些不同点，对于校招来说，不需要两个框架都学得特别熟，一般面试官会针对你简历中写的框架进行提问。

在框架方面，生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的，在学习的过程可以结合框架的官方文档

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

Vue框架

知识要点：
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式

React框架

知识要点：
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

校招来说，不需要两个框架都学得特别熟，一般面试官会针对你简历中写的框架进行提问。

在框架方面，生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的，在学习的过程可以结合框架的官方文档

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

Vue框架

知识要点：
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式

[外链图片转存中…(img-e9QF2rlD-1715039604504)]

React框架

知识要点：
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

[外链图片转存中…(img-kJLqOsWw-1715039604505)]