了解JQuery

了解JQuery

什么是JQuery

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQueryJavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

为什么使用JQuery

1. 因为jq是轻量级别的框架，大小不大30kb
2. 它有强大的选择器，出色的DOM操作封装
3. 有可靠的事件处理机制
4. 完善的ajax
5. 出色的浏览器兼容性
6. 支持链式操作，隐式迭代
7. 行为层(功能)和结构层(页面元素) 的分离，还支持丰富的插件

JQuery基础

$

$ 声明该变量是jq变量 同时$也是JQuery的简写
jq中 顶级/对象 是 $ 或者jQuery关键字
注意： jQuery中的 $ 和 jQuery关键字 本身同为一个对象

变量

• js变量
  var a = 10;
• jq变量
  var $a = 10;

变量转化

dom的变量 和 jq的变量之间 转换

• 转换为jq变量
  var oDiv = document.getElementsByClassName(“box”)[0];
  var $b = $(oDiv);
• 转换为DOM变量
  var $c = $b[0];

入口函数

• js中的入口函数
  window.onload
• jq中的入口函数
  $(document).ready(function(){…});
• 两者的区别
  文档的加载步骤：
  • 解析HTML结构
  • 加载外部的样式表和脚本
  • 解析并执行脚本
  • 构建HTML–DOM模型 (ready方法执行 - JQ入口函数)
  • 加载图片等外部资源
  • 页面加载完毕 (load方法执行 - JS入口函数)

    $(document).ready(function () {
    	// 这里去存放我们需要暂缓加载的脚步
    });

    //ready的简写：
    $(function () {

    });