发表于： 2019-05-17 21:31:25
1 717
今天完成的事情：
1.继续学习jQuery
2.继续学习JavaScript高级程序设计
明天计划的事情：
1.继续学习jQuery
2.继续js任务3
3.继续学习JavaScript高级程序设计
遇到的问题：
暂无
收获：
1.jQuery 选择器
jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。
jQuery 选择器
jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。
jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。 它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。
jQuery 中所有选择器都以美元符号开头：$()。
元素选择器
jQuery 元素选择器基于元素名选取元素。
在页面中选取所有 <p> 元素:
实例
用户点击按钮后，所有 <p> 元素都隐藏：
实例
#id 选择器
jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。
页面中元素的 id 应该是唯一的，所以您要在页面中选取唯一的元素需要通过 #id 选择器。
通过 id 选取元素语法如下：
实例
当用户点击按钮后，有 id="test" 属性的元素将被隐藏：
实例
.class 选择器
jQuery 类选择器可以通过指定的 class 查找元素。
语法如下：
实例
用户点击按钮后所有带有 class="test" 属性的元素都隐藏：
实例
2.chrome调试面板功能总结
Element：主要是用来调试网页中的html标签代码和css样式代码
Network：查看网页的http通信情况，包括Method、Type、Timeline（网络请求的时间响应情况）等
Source:查看js文件、调试JS代码
Timeline:查看js的执行时间，页面元素渲染时间等
Profiles：用来查看网页的性能，比如CPU和内存消耗
Resources：用来查看加载的各种资源文件，比如js、css、图片等
Audits：可以分析当前网页，可以快速的分析出哪些资源被使用、哪些资源没有使用，然后提出建议
Console：可以查看错误信息、打印调试信息、调试js代码，还可以当作JavaScript API查看
返回列表
评论