@GivenCui
2016-06-15T07:29:05.000000Z
字数 1440
阅读 682
jQuery
1.什么是库
库就是利用JavaScript原生语言, 封装了一些写好的代码库. 库中引用了写好的函数和方法的js文件.(二次封装).2.使用库有什么好处?
使用库可以简化代码, 不用再发写重复的"运算"代码. 而且还不用考虑那些所谓不兼容的问题, 尤其是浏览器不兼容问题.3.常用的第三方库?
jQuery: 解决了浏览器兼容性问题
Backbone: 前端的MVC雏形 (MVC: Model模型、View视图、Control控制， MVC是一种思想)
Require.js : 模块化编程库.(模仿Java语言的package(包)的概念)
/*其它一些库*************/
处理时间的库: 上网搜索
处理tree结构的库: D-tree, C-tree
处理正则表达式的库:
处理UI的库
jQuery是目前为止使用率最高的javascript库, jQuery是前端工程师必须要学习的库. jQuery统一了不同的浏览器的兼容性问题, 提供了相同的访问接口. 程序员不在关心浏览器的兼容问题, 同时jQuery又是一个DOM操作工具, 使得开发效率大大增加, 而且使用简单.
- 压缩后只有一百多Kb, 非常轻巧
- 可以通过链式语法进行操作
- 通过CSS选择器进行DOM操作
- 支持插件开发, 可拓展性高
- 可以获取HTML文档的元素
- 可以修改HTML文档的外观
- 可以修改HTML文档的内容
- 可以响应用户的交互(jQuery的事件)
- 可以为页面添加动态的效果 (动画)
- 可以局部刷新页面和服务器进行交互(封装了Ajax)
- 简化javascript常见的任务逻辑. (简化代码)
jQuery可以分成两个大版本-- 1.X 版本和 2.X 版本
1.X版本
1.X版本相比较2.X版本而言, 可以支持IE6、7、8 浏览器2.X版本
2.X版本支持IE9及9以上, 根据需求选择相应的版本,可以到jQuery官网下载.
我们在
<head>标签中引入jQuery文件
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title>// jQuery 在此处引用,确保它优先加载<script src = "jquery-2.2.3.min.js"></script></head><body></body></html>
jQuery最重要的就是jQuery对象. 它是一个全局对象, 可以简写成
$, 即jQuery和$是等价. 在HTML文档中导入jQuery库后,就可以使用jQuery对象, JQuery全部方法都定义在这个对象上.
jQuery本质上就是一个构造函数, 用来创建jQuery对象实例的
一. window.onload的等价
简化写法
$(function (){// 处理初始化代码})
正常写法
$(document).ready(function () {// 处理初始化的代码});