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

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

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

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

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

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

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

1 <script src="../scripts.jQuery.js"  type="text/javascript">
2 <script type="text/javascript">
3      $(document).ready(function{
4          alert("hello world");
5      });
6 </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;组织链接跳转。

 

posted @ 2013-02-28 16:14  歌颂者  阅读(263)  评论(0编辑  收藏  举报