《锋利的jQuery》学习笔记（1）
课本源码
jQuery的优势：
- 轻量级，压缩后大小保持在30kb
- 强大的选择器，可以使用从CSS1到CSS3几乎所有的选择器
- 出色的DOM封装
- 可靠的事件处理机制
- 完善的ajax
- 不污染*变量
- 出色的浏览器兼容性
- 链式操作方式
- 隐式迭代
- 行为层与结构层的分离
- 丰富的插件支持
- 完善的文档
- 开源
window.onload与$(document).ready()的对比
| window.onlaod | $(document).ready() | |
| 执行时机 | 必须等待网页中所有的内容加载完毕后才能执行 | 只要网页中所有的DOM结构绘制完毕后就执行 |
| 编写个数 | 不能同时编写多个，只输出最后一个 | 能同时编写多个 |
| 简化写法 | 无 |
$(document).ready(function(){ ... }); 可以简写成： $(function(){ ... }); |
jQuery对象与DOM对象
- jQuery对象是通过jQuery包装DOM对象后产生的对象。
- DOM对象：通过JavaScript中的getElementById或getElementsByTagName等获得的DOM 元素就是DOM 对象。
- jQuery对象转成DOM对象：[index]和get[index]，方法如下：
var $cr=$("#cr"); //jQuery对象 var cr=$cr[0]; //DOM对象 alert(cr.checked); //检测这个checkbox是否被选中了
var $cr=$("#cr"); //jquery对象 var cr=$cr.get(0); //DOM对象 alert(cr.checked); //检测这个checkbox是否被选中了
- DOM对象转成jQuery对象：只需要用$()b把DOM对象包装起来就OK了。
var cr=document.getElmentById("cr"); //DOM对象 var $cr=$(cr); //jQuery对象
jQuery与其它库发生冲突方法
- 库在其他库之后导入，可以在任何时候调用jQuery.noConflict()函数来将变量$的控制权移交给其他JavaScript库
- 库在其他库之前导入，可以直接用"jQuery"来做一些jQuery的工作，同时，可以使用$()方法作为其它库的快捷方式。这里无需使用jQuery.noConflict()函数