标签：code 容错性 函数 dom 功能 链式 执行 高效 opera
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
JavaScript的功能很强大，同时也存在很多缺点，比如存在浏览器兼容处理,代码容错性差，入口函数只能有一个，假如多个话此时覆盖...
1 window.onload = function() { //入口函数1 2 // js代码 3 } 4 5 window.onload = function() { //入口函数2 6 // js代码 7 }
此时，下方（入口函数2）的代码会将上方（入口函数1）的代码覆盖；然而jQuery很好的解决了这些问题。
jQuery初步
1 // 引入jQuery包 2 <script src="js/jquery-1.11.1.min.js"></script> 3 <script> 4 // 入口函数 5 $(function(){ 6 // 业务逻辑 7 }); 8 </script>
入口函数的两种常用方式：
a）$(document).ready(function(){});jQuery的入口函数（$(function(){})）只要是DOM树加载完成就开始执行，不需要等待图片、文件等的加载；而JavaScript的入口函数（window.onload = function(){}）是要在文档所有图片、文件等加载完后才开始执行。
2、$符号
$ -- 就是一个函数，参数不同，功能不同；但是 jQuery和$是完全等价的（jQuery === $），只要有$的地方都可以有jQuery替换掉。
1 <script>
2 $("#id") -- 选择器
3 $("<div>创建DOM</div>") -- 创建DOM
4
5 jQuery(".class") -- 选择器
6 </script>
3、jQuery对象和DOM对象之间的转换
DOM对象：
obj.innerHTML = "...."; jQuery对象：
使用jQuery方法获取页面中的元素返回的对象就是jQuery对象，比如$("div")、$("#btn")，jquery对象只能使用jquery对象的方法以下写法错误
$("div").innerHTML = "jquery快乐学习"; document.getElementById("box").show();jQuery对象转DOM对象
DOM对象转jQuery对象
标签：code 容错性 函数 dom 功能 链式 执行 高效 opera
原文地址：http://www.cnblogs.com/iyunpeng/p/7560520.html
