jQuery--1.基本概念

1       jQuery介绍

1.1  JS类库

       JavaScript库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互客户端页面, 并且兼容各大浏览器。

 

当前流行的JavaScript 库有：

       jQuery，最流行

       EXT_JS，2.0开始收费

       Dojo，很多js单独文件，优化：打包。（常见：开发小图标，一张图片）

       Prototype，对js扩展，框架开发。

       YUI(Yahoo!User Interface) ，taobao之前使用。

       淘宝UI：http://docs.kissyui.com/

       Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。基于jQuery一个UI工具

 

1.2  jQuery介绍

       轻量级：依赖程序少，占用的资源的少

       特点：js代码和html代码分离

       jQuery是免费、开源的

       jQuery分类：

              WEB版本：我们主要学习研究

              UI版本：集成了UI组件

              mobile版本：针对移动端开发

              qunit版本：用于js测试的

 

 

1.3  版本介绍

 

 

2       基本语法

2.1  引入

<script language="javascript"src="JS/jquery-3.1.1.min.js"></script>

或者

<script src="JS/jquery-3.1.1.min.js"type="text/javascript"></script>

注意：

    html页面加载顺序问题：引用jQuery的<script>标签，必须放在所有的自定义脚本文件的<script>之前，否则在自定义的脚本代码中应用不到jQuery脚本库。

 

2.2  工厂函数

 

 

3       jQuery对象和dom对象

3.1  获得元素

3.2  DOM操作（获得修改元素）

3.2.1   获得查看

 

 

3.2.2   修改

 

3.3  加载

Onload:加载所有页面数据生效

Read：加载所有文档结构生效

 

3.4  元素下子元素find（）