jQuery探索-起步

jQuery基本概念

jQuery的特性：

1.体积苗条，jQuery的发布版本只有29k，身材只是苗条啊。对于js文件的体积大小，会直接影响js的加载速度和效率。js文件小，下载传输就会很快，能达到更好的用户体验。

 

概念一：js代码执行时机

    js编程时，总是希望当页面加载完成后就立即运行js代码。通常我们会将这样的代码放在window.onload函数中。类似如下代码片断. <script type="text/javascript">window.οnlοad=function(){alert("load");}; </script>

    js代码只有当document对象构造完成后才能执行，window.onload函数是当页面加载完成时才会执行。这里有个问题，页面的加载往往比document完成的慢，尤其是当页面上的图片（或浮动广告）比较多或比较大的时候。因此能不能让js代码执行的时机更早呢，也就是说当document完成时就执行，而不用等到页面加载完成后才执行。

    jQuery通过检查document的状态，来使js代码得到更快执行的时机。可将上述代码修改为：<script type="text/javascript">$(document).ready(function(){alert("ready");});

 

概念二：jQuery和原js共存

    如果已经为某个按钮添加了onclick方法，此时再用jQuery为该按钮添加一个click方法，则两个方法都会执行。示例如下：

 

<input type="button" id="test" value="test" οnclick="test()">

对应js代码为：

<script type="text/javascript">$(document).ready(function(){$("#test").click(function(event){alert("jquery test");})});

function test() {alert("test");};

 

则当点击test按钮时，两个函数都会执行，即会弹出两个alert框。

 

概念二：多个ready函数

    代码中可以有多个ready函数，由于javascript没有函数重载，将按照函数顺序逐个解释执行。