JQuery的简单学习

//简写

$(function (){

})

2.这个函数就是JavaScript中的页面加载完毕执行函数

window.οnlοad=function(){

alert(“html页面加载完成后一”);

3.使用DOMContentLoaded事件加载完毕执行函数

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的的开头

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！**

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！