2024年Web前端最全jQuey入门到精通（一）连载，2024年最新这份354页笔记的前端进阶知识+大厂高频面试题

总结

阿里十分注重你对源码的理解，对你所学，所用东西的理解，对项目的理解。

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

alert('world');

};

$(document).ready(function(){

alert('hello');

});

$(document).ready(function(){

alert('world');

});

2.3   jQuery的四种写法

//1.第一种

$(document).ready(function(){

alert("hello world")

});

//2.第二种

jQuery(document).ready(function(){

alert("hello wold")

});

//3.第三种 (推荐第三种,最简洁)

$(function(){

alert("hello boys")

});

//4.第四种

jQuery(function(){

alert("hello girls;")

});

### 3.jQuery冲突问题



使用jQuery语法需要引入jQuery库，jQuery中对$定义语法并使用，如果引用的其他js文件也有对$符号的引用产生冲突。解决方法如下：



3.1  释放$的使用权



注意点：释放操作必须在编写其他jQuery代码之前编写,释放之后就不能再使用$,改为使用jQuery。

jQuery.noConflict();

3.2  自定义一个访问符号

var nj = jQuery.noConflict();

nj(function(){

alert("hello world");

});

### 4.jQuery核心函数



$();jQuery();就代表调用jQuery的核心函数

//1.接受一个函数

$(function(){

alert("hello world")

//2.接受一个字符串

//2.1接受一个字符串选择器

//返回一个jQuery对象，对象中保存了找到的DOM元素

var $box1 = $(".box1");

var $box2 = $("#box2");

console.log($box1);

console.log($box2);

//2.2接受一个代码片段

var $p = $("<p>我是段落</p>");

console.log($p);

$box1.append($p);

//3.接受一个DOM元素

//会被包装成一个jQuery对象返回给我们

var span = document.getElementsByTagName("span")[0];

console.log(span);

var $span = $(span);

console.log($span);

});

<div class="box1"></div>

<div id="box2"></div>

<span>我是span</span>

### 5.jQuery对象

$(function(){

/* 

jQuery对象是一个伪数组

伪数组：有0到length-1的属性，并且有length属性

*/

var $div = $("div");

console.log($div);

});

下一篇：[https://blog.csdn.net/qq\_53123067/article/details/124462198?spm=1001.2014.3001.5501]( )



> 喜欢的可以点赞关注加评论，你的支持就是博主写作的最大动力！



### 总结

面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。

还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。

万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。



**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

**前端面试题汇总**

![](https://img-blog.csdnimg.cn/img_convert/42728594459506983a38ca2b86545fc6.png)

**JavaScript**

![](https://img-blog.csdnimg.cn/img_convert/7796de226b373d068d8f5bef31e668ce.png)

**前端资料汇总**

![](https://img-blog.csdnimg.cn/img_convert/6e0ba223f65e063db5b1b4b6aa26129a.png)