《锋利的jQuery》学习---基础篇01（持续更新）

书是公司买的，借过来看看，感谢公司，其实我电脑里有这本书的电子书，但是发现自己越来越不喜欢用电脑看书了，严重费眼睛。

嘿嘿，看来这是要逼着我买kindle呀。好了，现在有书，废话不多说，从最基础的开始。

坚持，可能记录的比较乱，只为自己看，每个人的理解缺口不一样哦。

---------------------------------------------------------------------------------------------------------------

1：在jQuery库中，$就是jQuery的一个简写形式，比如：$("#foo")和jQuery("#foo")是等价的，$.jQuery和jQuery.ajax是等价的。

2：dom元素加载完毕执行的一段代码：

<script src="../scripts.jQuery.js"  type="text/javascript">
<script type="text/javascript">
     $(document).ready(function{
         alert("hello world");
     });
</script>

这段代码的作用类似于js中的window.onload方法，不过与window.onload还是有区别的：

	window.onload	$(document).ready()
执行时机	必须等待网页中所有的内容（包括图片）加载完毕后才能执行	网页中所有的dom结构绘制完毕后就执行，可能dom元素关联的东西并没有加载完毕
编写个数	不能同时编写多个： window.onload=function(){ alert("text1")}; window.onload=function(){ alert("text2")}; 结果只会输出text2	可以同时编写多个： $(document).ready(function(){ alert("text1") }); $(document).ready(function(){ alert("text2") });  两次结果都要输出
简化写法	无	可以简写成： $(function(){     //.......代码 });

3：jQuery代码风格：

     a：对于同一个对象不超过3个操作的，可以直接写成一行

     b：对于同一个对象的较多操作的，建议每行写一个操作

     c：对于多个对象的少量操作，可以每个对象写一行，如果涉及子元素，可以考虑适当的缩进。

     d：为代码添加注释

4：jQuery对象就是通过jquery包装dom对象后产生的对象，jquery对象是jQuery独有的，如果一个对象是jquery对象，那么就可以使用jquery里的方法。

     在jquery对象中无法使用dom对象的任何方法。

5：jQuery和dom对象的相互转换

     var  $a = jquery对象;

     var   a  =  dom对象；

     jquery转成dom：var $a =$("#id");//jquery对象

                                 var b=$a[0];//dom对象

    dom转成jquery：var a=document.getElementById("id");

                                var $b=$(a);

--------------------------------------------------------------------------------------

 6：

<script>
   window.onload=function one{ alert("one") ;}
   window.onload=function one{ alert("two") ;}
</script>

上面代码的执行结果是：two

原因：字符串one对话框不能被弹出的原因是js的onload事件一次只能保存对一个函数的引用，它会中用后面的函数覆盖前面的函数

7：函数中常用的 return false；组织链接跳转。