小白一枚,自学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对象 在前面加$ ()