Web前端最新JQuery的简单学习(1)，2024年最新阿里面试提问

总结

前端资料汇总

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

• 框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。

• 算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！
  喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！

他们的区别:

window.load是在窗口加载事件，是文档所有内容（图像、js文件、css文件等）都加载完成后才触发。只能写一次，如果注册多个事件则会以最后注册的为准，后者覆盖前者。

document.addEventListener窗口加载事件，在DOM加载完成就会立刻触发，不包括样式图片动画等。

JQuery的方式则是可以写多个.

选择器

---

举个栗子:

$(function (){

$(“#b1”).click(function (){

$(“#one”).css(“backgroundColor”,“pink”);

})

$(“#b2”).click(function (){

$(“div”).css(“backgroundColor”,“pink”);

})

$(“#b3”).click(function (){

$(“.mini”).css(“backgroundColor”,“pink”);

})

$(“#b4”).click(function (){

$(“span,#two”).css(“backgroundColor”,“pink”);

})

})

DOM操作

首先通过选择器获取对应DOM标签对象,然后对它进行操作.

1.内容操作:

HTML() 设置标签内的HTML内容

text() 设置标签内的纯文本内容

val() 设置元素的value属性值

2.属性操作:

1.通用属性操作

1.attr(): 设置某个标签的属性

2.removeAttr() 移除标签的某个属性

3.prop(): 设置某个标签的属性

4.removeProp(): 移除标签的某个属性

prop和attr的区别就是:我们使用prop操作标签的固有属性,attr用来操作其他属性,

什么叫固有属性,就是HTML文档标签的标准属性,我们其实可以给HTML标签设置

自定义的标签属性

2.对标签的class属性操作:

1.addClass():添加class属性值

2.removeClass():删除class属性值

3.toggleClass():切换class属性值

*toggleclass(“one”):判断如果元素对象上存在class=“one”,则将属性值删除,

不存在就添加上"one"class属性

3.CRUD操作:

对应文本档处理的方法:

1.A.append(B):把子元素标签B放在父元素标签A的后面

2.A.prepend(B):把子元素标签B放在父元素标签A的的开头

3.A.appentTo(B):将对象A添加到对象B的内部,并且在末尾

4.A…prependTo(B):将对象A添加到对象B的内部,并且在开头

5.A.after(B):添加元素B到元素A的后面,对象A和对象B是兄弟的关系

6.A.before(B):添加元素B到元素A的前面,对象A和对象B是兄弟的关系

7.A.insertafter(B):添加元素A到元素B的后面,对象A和对象B是兄弟的关系

8.A.insertbefore(B):添加元素A到元素B的前面,对象A和对象B是兄弟的关系

9.remove:移除元素,把该对象删除掉

10.empty:清空元素的所有后代元素,但是保留当前对象的属性以及当前对象
详情可以看帮助文档
在我上面的资源包中可以找到

最后

小编综合了阿里的面试题做了一份前端面试题PDF文档，里面有面试题的详细解析

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

虽只说了一个公司的面试，但我们可以知道大厂关注的东西并举一反三，通过一个知识点延伸到另一个知识点，这是我们要掌握的学习方法，小伙伴们在这篇有学到的请评论点赞转发告诉小编哦，谢谢大家的支持！