前端知识：Javascript 和jquery

1 JavaScript

JavaScript是运行在浏览器端的脚本语言，JavaScript主要解决的是前端与用户交互的问题，包括使用交互与数据交互。 JavaScript是浏览器解释执行的，前端脚本语言还有JScript（微软，IE独有），ActionScript( Adobe公司，需要插件)等。

前端三大块

• HTML：页面结构
• CSS：页面表现：元素大小、颜色、位置、隐藏或显示、部分动画效果
• JavaScript：页面行为：部分动画效果、页面与用户的交互、页面功能

(1) JavaScript嵌入页面的方式

1). 行间事件（主要用于事件）

<input type="button" name="" onclick="alert('ok！');">

2). 页面script标签嵌入

<script type="text/javascript">        
    alert('ok！');
</script>

3). 外部引入

<script type="text/javascript" src="js/index.js"></script>

将javascript语句放到window.onload触发的函数里面,获取元素的语句会在页面加载完后才执行，就不会出错了。

<script type="text/javascript">
    window.onload = function(){
        var oDiv = document.getElementById('div1');
    }
</script>

2 jquery

jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。jQuery的版本分为1.x系列和2.x、3.x系列，1.x系列兼容低版本的浏览器，2.x、3.x系列放弃支持低版本浏览器，目前使用最多的是1.x系列的。jquery是一个函数库，一个js文件，页面用script标签引入这个js文件就可以使用。

先引入jquery库：

<script type="text/javascript" src="js/jquery-1.12.2.js"></script>

注意：
写js代码需要，另开一个script,不可以在引入标签里面写

jquery加载
将获取元素的语句写到页面头部，会因为元素还没有加载而出错，jquery提供了ready方法解决这个问题，它的速度比原生的 window.onload 更快。

ready的完整写法：

<script type="text/javascript">
$(document).ready(function(){ 
     ......
});
</script>

可以简写为：

<script type="text/javascript">

$(function(){
     ......
});         #此处的分号最好加上，避免压缩时出错。
</script>