结尾
学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
document.addEventListener(‘DOMContentLoaded’, function() {
//js代码
});
他们的区别:
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是兄弟的关系
最后
你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
我特地针对初学者整理一套前端学习资料
讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**
我特地针对初学者整理一套前端学习资料
[外链图片转存中…(img-tzvHOdZN-1715701143268)]
[外链图片转存中…(img-kH8fKtf6-1715701143268)]
