JavaScript jQuery bootstrap css ajax

小白一枚，自学python， 学到前端的时候 被各种字母搞的眉毛疼 ， 

写下来，加强一下记忆

 

 

JavaScript ：是代码中 <script></script>中的内容，是一门独立的语言， 浏览器就是它的解释器。

存在形式 ： 

　　　　1. 是写在 head 标签中， <script></script> 直接写代码,但是，一般都放在body标签内部的，最下面，

　　　　　　因为：页面加载的时候是从上到下的加载，如果把js代码写在head里面，会发生 先加载js 再加载页面内容的

　　　　　　现象，但是加载js是需要时间的，用户体验不好，（再就是如果用cdn的话 有时候cdn 打不开，页面就不会加载）                       所有要写在body内的最下面。

　　　　2. 是写在一个 .js文件中 ，然后使用的时候可以引入

　　　　　　引入： <script  src='文件路径/xxxx.js'></script>

注释： 1. 单行注释  // 两个斜杠

　　　2.  多行注释 /* 内容   */  

 

css：

　　存在形式：

　　　　1.是写在 <style> 标签中的样式 

　　　　2. 写在文件中，需要的时候 引用

　　　　　　引用：<link  rel = 'stylesheet' href='路径/commos.css' />

　　　　优先级： 就近原则，哪个样式靠的这个标签越近 哪个优先执行

 

jQuery：

　　是对 javascript Dom的一个封装，写代码的时候操作更方便，

　　版本的选择：选择 1.X 版本，兼容性好。

　　jQuery 中文文档 ：http://jquery.cuishifeng.cn/index.html

　　使用：1.先下载，复制到 文档中。

　　　　　2.引入： <script  src='文件路径/xxxx.js'></script>

　　放在 body 内的 最下面。

　　调用 jQuery   使用 $  。

　　jQuery对象 和 Dom对象之间的转换:

　　　　$.('#id').[0]    = =>>   document.getElementById('id')   

　　　　jquery对象的 第0个索引 就是 Dom对象

　　　　$(  document.getElementById('id')   )   == >>  $.('#id').[0] 

　　　　Dom对象 转换成 jQuery对象 在前面加$ （）