jQuery入门简述

余生长醉 提交于 2020-02-26 04:58:31

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 对象中的方法

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!