jQuery简介_动力节点Java学院整理


Posted in jQuery onJuly 04, 2017

江湖传言,全世界大约有80~90%的网站直接或间接地使用了jQuery。鉴于它如此流行,又如此好用,所以每一个入门JavaScript的前端工程师都应该了解和学习它。

jQuery这么流行,肯定是因为它解决了一些很重要的问题。实际上,jQuery能帮我们干这些事情:

  • 消除浏览器差异:你不需要自己写冗长的代码来针对不同的浏览器来绑定事件,编写AJAX等代码;
  • 简洁的操作DOM的方法:写$('#test')肯定比document.getElementById('test')来得简洁;
  • 轻松实现动画、修改CSS等各种操作。

jQuery的理念“Write Less, Do More“,让你写更少的代码,完成更多的工作!

jQuery版本

目前jQuery有1.x和2.x两个主要版本,区别在于2.x移除了对古老的IE 6、7、8的支持,因此2.x的代码更精简。选择哪个版本主要取决于你是否想支持IE 6~8。

从jQuery官网可以下载最新版本。jQuery只是一个jquery-xxx.js文件,但你会看到有compressed(已压缩)和uncompressed(未压缩)两种版本,使用时完全一样,但如果你想深入研究jQuery源码,那就用uncompressed版本。

使用jQuery

使用jQuery只需要在页面的<head>引入jQuery文件即可:

<html>
<head>
  <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
  ...
</head>
<body>
  ...
</body>
</html>

好消息是,当你在学习这个教程时,由于网站本身已经引用了jQuery,所以你可以直接使用:

'use strict';
alert('jQuery版本:' + $.fn.jquery);

$符号

$是著名的jQuery符号。实际上,jQuery把所有功能全部封装在一个全局变量jQuery中,而$也是一个合法的变量名,它是变量jQuery的别名:

window.jQuery; // jQuery(selector, context)
window.$; // jQuery(selector, context)
$ === jQuery; // true
typeof($); // 'function'

$本质上就是一个函数,但是函数也是对象,于是$除了可以直接调用外,也可以有很多其他属性。

注意,你看到的$函数名可能不是jQuery(selector, context),因为很多JavaScript压缩工具可以对函数名和参数改名,所以压缩过的jQuery源码$函数可能变成a(b, c)。

绝大多数时候,我们都直接用$(因为写起来更简单嘛)。但是,如果$这个变量不幸地被占用了,而且还不能改,那我们就只能让jQuery把$变量交出来,然后就只能使用jQuery这个变量:

$; // jQuery(selector, context)
jQuery.noConflict();
$; // undefined
jQuery; // jQuery(selector, context)

这种黑魔法的原理是jQuery在占用$之前,先在内部保存了原来的$,调用jQuery.noConflict()时会把原来保存的变量还原。

jQuery 相关文章推荐
jquery 校验中国身份证号码实例详解
Apr 11 jQuery
jQuery操作之效果详解
May 19 jQuery
jquery拖动改变div大小
Jul 04 jQuery
使用 jQuery 实现表单验证功能
Jul 05 jQuery
使用jQuery实现两个div中按钮互换位置的实例代码
Sep 21 jQuery
jq源码解析之绑在$,jQuery上面的方法(实例讲解)
Oct 13 jQuery
基于jquery实现五星好评
Nov 18 jQuery
jQuery实现form表单基于ajax无刷新提交方法实例代码
Nov 04 jQuery
jquery实现点击弹出对话框
Feb 08 jQuery
jQuery实现简单三级联动效果
Sep 05 jQuery
jQuery+ajax实现用户登录验证
Sep 13 jQuery
jQuery实现查看图片功能
Dec 01 jQuery
jQuery查找和过滤_动力节点节点Java学院整理
Jul 04 #jQuery
jQuery动画_动力节点节点Java学院整理
Jul 04 #jQuery
jQuery实现点击关注和取消功能
Jul 03 #jQuery
关于jQuery.ajax()的jsonp碰上post详解
Jul 02 #jQuery
jquery实现一个全局计时器(商城可用)
Jun 30 #jQuery
jQuery表单设置值的方法
Jun 30 #jQuery
jQuery开源组件BootstrapValidator使用详解
Jun 29 #jQuery
You might like
让Json更懂中文(JSON_UNESCAPED_UNICODE)
2011/10/27 PHP
PHP如何实现订单的延时处理详解
2017/12/30 PHP
一个简单的网站访问JS计数器 刷新1次加1次访问
2012/09/20 Javascript
jquery 关于event.target使用的几点说明介绍
2013/04/26 Javascript
IE6下拉框图层问题探讨及解决
2014/01/03 Javascript
分享28款免费实用的 JQuery 图片和内容滑块插件
2014/12/15 Javascript
基于JavaScript实现智能右键菜单
2016/03/02 Javascript
Bootstrap3.0学习教程之JS折叠插件
2016/05/27 Javascript
常用Javascript函数与原型功能收藏(必看篇)
2016/10/09 Javascript
完美的js图片轮换效果
2017/02/05 Javascript
JavaScript中的this陷阱的最全收集并整理(没有之一)
2017/02/21 Javascript
mint-ui在vue中的使用示例
2018/04/05 Javascript
vue 注册组件的使用详解
2018/05/05 Javascript
vue+springboot实现项目的CORS跨域请求
2018/09/05 Javascript
Echarts之悬浮框中的数据排序问题
2018/11/08 Javascript
vue进入页面时不在顶部,检测滚动返回顶部按钮问题及解决方法
2019/10/30 Javascript
Vue修改项目启动端口号方法
2019/11/07 Javascript
javascript实现超好看的3D烟花特效
2020/01/01 Javascript
jQuery实现动态加载瀑布流
2020/09/01 jQuery
Flask框架的学习指南之制作简单blog系统
2016/11/20 Python
Python爬虫DNS解析缓存方法实例分析
2017/06/02 Python
TensorFlow入门使用 tf.train.Saver()保存模型
2018/04/24 Python
对python GUI实现完美进度条的示例详解
2018/12/13 Python
用Python实现BP神经网络(附代码)
2019/07/10 Python
python 动态调用函数实例解析
2019/10/21 Python
借助HTML5 Canvas来绘制三角形和矩形等多边形的方法
2016/03/14 HTML / CSS
西班牙伏林航空公司:Vueling
2016/08/05 全球购物
Sneaker Studio乌克兰:购买运动鞋
2018/03/26 全球购物
中东奢侈品购物网站:Ounass
2020/09/02 全球购物
自我鉴定模板
2013/10/29 职场文书
市优秀教师事迹材料
2014/02/05 职场文书
学雷锋演讲稿
2014/03/04 职场文书
中考标语大全
2014/06/05 职场文书
党的群众路线教育实践活动个人整改措施
2014/10/27 职场文书
2015年远程教育工作总结
2015/05/20 职场文书
奖学金发言稿(范文)
2019/08/21 职场文书