2024年最全jQuery基础知识(1)，2024年最新被面试官打击

文末

逆水行舟不进则退，所以大家要有危机意识。

同样是干到35岁，普通人写业务代码划水，榜样们深度学习拓宽视野晋升管理。

这也是为什么大家都说35岁是程序员的门槛，很多人迈不过去，其实各行各业都是这样都会有个坎，公司永远都缺的高级人才，只用这样才能在大风大浪过后，依然闪耀不被公司淘汰不被社会淘汰。

为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师核心知识笔记》电子稿文件。

内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

269页《前端大厂面试宝典》

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

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

前端面试题汇总

---

---

目录

• • jQuery基础知识

• jQuery基本知识

• jQuery选择器

---

jQuery基本知识

---

1、jQuery：jQuery是一个快速、简洁的JavaScript库(对JavaScript的相关操作进行了封装：遍历HTML文档、操作DOM、事件处理、Ajax)，其设计宗旨是“write less，do more”，倡导用更少的代码，做更多的事情

2、特点

• jQuery是一个轻量级的脚本，其代码非常小巧

• 语法简洁易懂，学习速度快，文档丰富

• 支持CSS1~CSS3定义的属性和选择器

• 跨浏览器，支持的浏览器包括IE6~IE11和FireFox、Chrome等

• 实现了JavaScript脚本和HTML代码的分离，便于后期编辑和维护

• 插件丰富，可以通过插件扩展更多功能

3、获取方式：可以通过在jQuery官网上下载jQuery包来进行使用

4、使用方式：

在代码中使用script引入jQuery就可以使用，在代码中写入jQuery的路径地址即可

①引入jQuery库

②编写jQuery的入口函数

$(document).ready(function(){

js代码

})

简写为

$(function(){

js代码

})

注：$'代表jQuery

5、jQuery与JavaScript的区别

// jQuery代码（为了方便对比，将代码分成两行书写）

var div = $(“div”); // 获取元素

div.hide(); // 对元素进行操作

// JavaScript原生代码

var div = document.querySelector(‘div’); // 获取元素

div.style.display = ‘none’; // 对元素进行操作

6、jQuery书写位置

// 语法1（简写形式）

$(function() { // 页面DOM加载后执行的代码});

// 语法2（完整形式）

$(document).ready(function() {

// 页面DOM加载完成后执行的代码

});

7、jQuery中的加载事件

8、jQuery对象表示方法

①

// 使用“$”

$(function () {

$(“div”).hide();

});

// 使用“jQuery”

jQuery(function () {

jQuery(“div”).hide();

});

②jQuery对象的静态方法

// 创建jQuery对象，语法为“$(参数)”

console.log($(“div”)); // 创建div元素的jQuery对象

// 调用静态方法，语法为“$.方法名()”

console.log($.trim(" a ")); // 利用trim()方法去掉字符串两端的空白字符

注：DOM对象不能使用jQuery方法hide()

// DOM对象

var myDiv = document.querySelector(‘div’);

myDiv.hide(); // 错误写法

// jQuery对象

var div = $(“div”);

div.style.display = “none”; // 错误写法

// 从jQuery对象中取出DOM对象

$(“div”)[0]; // 方式1

$(“div”).get(0); // 方式2

// 取出DOM对象后就可以用DOM方式操作元素

$(“div”)[0].style.display = “none”;

var myDiv = document.querySelector(‘div’); // 获取DOM对象

var div = $(myDiv); // 转换成jQuery对象

div.hide(); // 调用jQuery对象的方法

jQuery选择器

---

选择器是 jQuery 的根基, 在 jQuery 中, 对事件处理, 遍历 DOM 和 Ajax 操作都依赖于选择器

优点：简洁的写法、完善的事件处理机制

算法刷题

大厂面试还是很注重算法题的，尤其是字节跳动，算法是问的比较多的，关于算法，推荐《LeetCode》和《算法的乐趣》，这两本我也有电子版，字节跳动、阿里、美团等大厂面试题（含答案+解析）、学习笔记、Xmind思维导图均可以分享给大家学习。

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

写在最后

最后，对所以做Java的朋友提几点建议，也是我的个人心得：

1. 疯狂编程

2. 学习效果可视化

3. 写博客

4. 阅读优秀代码

5. 心态调整