《锋利的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;组织链接跳转。