一、Python所有方向的学习路线
Python所有方向的技术点做的整理,形成各个领域的知识点汇总,它的用处就在于,你可以按照下面的知识点去找对应的学习资源,保证自己学得较为全面。
二、Python必备开发工具
工具都帮大家整理好了,安装就可直接上手!
三、最新Python学习笔记
当我学到一定基础,有自己的理解能力的时候,会去阅读一些前辈整理的书籍或者手写的笔记资料,这些笔记详细记载了他们对一些技术点的理解,这些理解是比较独到,可以学到不一样的思路。
四、Python视频合集
观看全面零基础学习视频,看视频学习是最快捷也是最有效果的方式,跟着视频中老师的思路,从基础到深入,还是很容易入门的。
五、实战案例
纸上得来终觉浅,要学会跟着视频一起敲,要动手实操,才能将自己的所学运用到实际当中去,这时候可以搞点实战案例来学习。
六、面试宝典
简历模板![在这里插入图片描述](https://img-blog.csdnimg.cn/646863996ac44da8af500c049bb72fbd.png#pic_center)
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
元素.textContent
//jQuery
$元素.text(“新内容”)
(3)表单元素的值
//DOM
元素.value
//jQuery
$元素.val(“新值”)
举例:使用元素内容实现表单验证;
操作元素的内容和值
用户名:密码:
```
2. 修改属性
(1)字符串类型的 HTML 标准属性
//DOM/
//旧核心DOM/
元素.getAttribute("属性名")
元素.setAttribute("属性名","新值")
//新HTML DOM
元素.属性名=新值
//jQuery
$元素.attr("属性名","新值")
$元素.prop("属性名","新值")
举例:点击图片切换下一张;
<body>
<h1>操作元素的属性</h1>
<img src="img/1.jpg" alt="1">
<script src="js/jquery-1.11.3.js"></script>
<script>
//DOM 4步
// 1. 查找触发事件的元素
// 查找img
$("img")
// 2. 绑定事件处理函数
.click(function () {
// 3. 查找要修改的元素
// 修改img本身
var $this = $(this);
// 4. 修改元素
// 4.1取出当前img元素中alt属性值转为整数
var alt = parseInt(
$this.attr("alt")
);
// 4.2如果属性值<4,就++;否则变回1
if (alt < 4) {
alt++;
} else {
alt = 1;
}
// 4.3.3将新的alt值拼成图片路径,放入当前img的src属性中
$this.attr({
src: `img/${alt}.jpg`,
alt: alt
});
})
</script>
</body>
(2)bool 类型的 HTML 标准属性
//DOM
//HTML DOM
元素.属性名
//jQuery
$元素.prop("属性名",新bool值)
(3)自定义扩展属性
//DOM
//旧核心DOM:
元素.getAttribute()
元素.setAttribute()
//HTML5:
元素.dataset.属性名
//jQuery
$元素.attr()
举例:点小图片,切换大图片;
<body>
<img src="img/1.jpg" data-click data-target="img/1-l.jpg" class="my-small">
<img src="img/2.jpg" data-click data-target="img/2-l.jpg" class="my-small">
<img src="img/3.jpg" data-click data-target="img/3-l.jpg" class="my-small">
<img src="img/4.jpg" data-click data-target="img/4-l.jpg" class="my-small">
<hr />
<img src="img/1-l.jpg" class="my-big">
<script src="js/jquery-1.11.3.js"></script>
<script>
//点击小图片,下方my-big中显示大图片
//DOM 4步
// 1. 查找触发事件的元素
// 查找所有带有data-click属性的img元素
$("[data-click]")
// 2. 绑定事件处理函数
.click(function () {
// 3. 查找要修改的元素
// 修改下方大图
var $big = $(".my-big");
// 4. 修改元素
// 4.1获得当前点击的img的data-click属性值保存的大图片路径
var src = $(this).attr("data-target");
// 4.2将大图路径设置给大图的src属性
$big.attr("src", src);
})
</script>
</body>
3. 修改样式
//DOM
//修改内联样式
元素.style.css属性="新值"
//获取完整样式
getComputedStyle(元素)
//jQuery
//获取css属性值、修改css属性值
$元素.css("css属性","新值")
//如果.css()中没有给新值,则.css()底层自动执行getComputedStyle()操作,获取属性值
//如果.css()中给了新值,则.css()底层自动执行.style.css属性,执行修改操作
批量修改一个元素的多个css属性:
//DOM
元素.className="class名" //只能整体替换所有class,不便于修改其中某一个class
//jQuery
$元素.addClass("className") //添加一个class
$元素.removeClass("className") //去除一个class
$元素.hasClass("className") //判断是否有某个calss
$元素.toggleClass("className") //在有或没有一个class之间来回切换
举例:实现双态按钮;
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
.btn {
padding: 5px 10px;
border-radius: 3px;
border: 1px solid #aaa;
outline: none;
}
.up {
background: #fff;
color: #333;
}
.down {
background: #ddd;
color: #fff;
}
</style>
</head>
<body>
<button class="btn up">双态按钮</button>
<script src="js/jquery-1.11.3.js"></script>
<script>
//双态按钮: 让按钮的class在up和down之间切换
//DOM 4步
//1. 查找触发事件的元素
$(".btn")
//2. 绑定事件处理函数
.click(function () {
//3. 查找要修改的元素
var $this = $(this);
if ($this.hasClass("down")) {
$this.removeClass("down")
} else {
$this.addClass("down")
}
//$(this).toggleClass("down") //等价于if else
//4. 修改元素
})
</script>
</body>
二、按节点间关系查找
1. DOM 两种关系,六个属性
(1)父子关系
元素.parentElement //父元素
元素.children //所有直接子元素
元素.firstElementChild //第一个直接子元素
元素.lastElementChild //最后一个直接子元素
(2)兄弟关系
元素.previousElementSibling //前一个兄弟元素
元素.nextElementSibling //后一个兄弟元素
2. jQuery两种关系,八个属性
(1)父子关系
$元素.parent() //父元素
$元素.children() //所有直接子元素
$元素.children("选择器") //只选择符合要求的个别直接子元素
$元素.find("选择器") //选择所有后代中符合要求的元素
$元素.children(":first-child") //第一个直接子元素
$元素.children(":last-child") //最后一个直接子元素
(2)兄弟关系
$元素.prev() //前一个兄弟
### 一、Python所有方向的学习路线
Python所有方向路线就是把Python常用的技术点做整理,形成各个领域的知识点汇总,它的用处就在于,你可以按照上面的知识点去找对应的学习资源,保证自己学得较为全面。
![](https://img-blog.csdnimg.cn/img_convert/9f49b566129f47b8a67243c1008edf79.png)
### 二、学习软件
工欲善其事必先利其器。学习Python常用的开发软件都在这里了,给大家节省了很多时间。
![](https://img-blog.csdnimg.cn/img_convert/8c4513c1a906b72cbf93031e6781512b.png)
### 三、入门学习视频
我们在看视频学习的时候,不能光动眼动脑不动手,比较科学的学习方法是在理解之后运用它们,这时候练手项目就很适合了。
![](https://img-blog.csdnimg.cn/afc935d834c5452090670f48eda180e0.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA56iL5bqP5aqb56eD56eD,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)
**网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。**
**[需要这份系统化学习资料的朋友,可以戳这里获取](https://bbs.csdn.net/topics/618317507)**
**一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!**