jQuery 是一套快速的,简洁的 javaScript 脚本库,jQuery 由美国人 John Resig 创建,至今已吸引了来自世界各地的众多 javaScript 高手加入其组织,使用户能更方便地处理 HTML documents、events、实现动画效果, jQuery 还提供了大量插件,并且方便地为网站提供 AJAX 交互,jQuery 能够使用户的 HTML 页保持代码和 HTML 内容分离,也就是说,不用再在 HTML 里面插入一堆 JS 来调用命令了,只需定义 id 即可,它是轻量级的 JS 库(压缩后只有 80+k) ,这是其它的 JS 库所不及的,它兼容 CSS3,还兼容各种浏览器 (IE 6.0+,FF 1.5+,Safari 2.0+,Opera 9.0+)
目前网络上有大量开源的 JS 框架,jQuery 是继 prototype 之后又一个优秀的 JavaScript 框架,jQuery 是目前最流行的 JS 框架,其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情,很多大公司都在使用 jQuery
jQuery 安装:
从官网 http://www.jquery.com 下载 jQuery 库,并导入到 JS 文件就可以使用了
jQuery 使用:
jQuery 语法是通过选取 HTML 元素,并对选取的元素进行操作
基础语法:定义使用 jQuery 或 $ 美元符号
$(selector).action()
选择符(selector)“查询” 和 “查找” HTML 元素
jQuery 的 action() 执行对元素的操作
注意:JS 不要定义 $ 和 jQuery 的变量,不然会覆盖 jQuery 的 $,导致 jQuery 失效
原生 js 和 jQuery 区别(页面加载的时候执行函数):
js 的 onload 事件,只能执行一次,而且后边会覆盖前边的
jQuery 可以执行多次,代码更少更简洁,jQuery 的类库在其他 js 代码之前引入
DOM 对象和 jQuery 对象:
DOM 对象即是我们用传统的方法(javaScript)获得的对象,jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象,它是 jQuery 独有的。如果一个对象是 jQuery 对象,那么就可以使用 jQuery 里的方法
注意:在 jQuery 对象中无法直接使用 DOM 对象的任何方法,js 的原生 DOM 对象无法使用 jQuery 对象中的方法