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()