前端知识点笔记

3）$(this).css('display', '')的使用

$(this).css()方法操作的是一个元素标签的内联样式

如果内联定义了display:none；那么使用$('.test').css('display','')可以让此div显示出来：

<span style="font-size:14px;"><div class=“test”style="display:none;">
测试
</div></span>

如果使用了外联形式display:none；那么$('.test').css('display', '')就只是将内联样式改为了display:'';

外联形式依旧是display:none；，所以div不显示：

.test{
   display:none;
}
<div class=“test”>
测试
</div></span>

2）html文件引入css文件：

<linktype="text/css"rel="stylesheet"href="css/panel.css">
注意tyle="text/css"不是必须要写的，
但rel="stylesheet"是必须要写的

1）知识点：dom树

webkit的解析流程如下，分为html解析和css解析

window.onload事件：只css,html等所有的资源加载完毕

$(document).ready()事件：也就是domContentloaded事件，指html解析完成

2）html文件引入css文件：

<link type="text/css" rel="stylesheet" href="css/panel.css">

注意tyle="text/css"不是必须要写的，

但rel="stylesheet"是必须要写的