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 相关文章推荐
vue中如何引入jQuery和Bootstrap
Apr 10 jQuery
Vue.js列表渲染绑定jQuery插件的正确姿势
Jun 29 jQuery
jQuery Validate格式验证功能实例代码(包括重名验证)
Jul 18 jQuery
jQuery Easyui Treegrid实现显示checkbox功能
Aug 08 jQuery
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
Sep 22 jQuery
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
Oct 20 jQuery
javaScript和jQuery自动加载简单代码实现方法
Nov 24 jQuery
jQuery+ajax读取json数据并按照价格排序示例
Mar 28 jQuery
jquery 通过ajax请求获取后台数据显示在表格上的方法
Aug 08 jQuery
vue-cli 引入jQuery,Bootstrap,popper的方法
Sep 03 jQuery
JQuery事件委托(适用于给动态生成的脚本元素添加事件)
Feb 01 jQuery
JQuery通过键盘控制键盘按下与松开触发事件
Aug 07 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
php批量缩放图片的代码[ini参数控制]
2011/02/11 PHP
ThinkPHP3.1.x修改成功与失败跳转页面的方法
2017/09/29 PHP
php精度计算的问题解析
2019/06/21 PHP
laravel 解决路由除了根目录其他都404的问题
2019/10/18 PHP
javascript学习笔记(十二) RegExp类型介绍
2012/06/20 Javascript
javascript ie6兼容position:fixed实现思路
2013/04/01 Javascript
JS获取地址栏参数的小例子
2013/08/23 Javascript
jquery制作属于自己的select自定义样式
2015/11/23 Javascript
Angular中使用ui router实现系统权限控制及开发遇到问题
2016/09/23 Javascript
jQuery自定义图片上传插件实例代码
2017/04/04 jQuery
微信小程序实战之仿android fragment可滑动底部导航栏(4)
2020/04/16 Javascript
BootStrap表单控件之复选框checkbox和单选择按钮radio
2017/05/23 Javascript
js如何编写简单的ajax方法库
2017/08/02 Javascript
教你用Cordova打包Vue项目的方法
2017/10/17 Javascript
vue打包后显示空白正确处理方法
2017/11/01 Javascript
微信小程序页面生命周期详解
2018/01/31 Javascript
详解js的作用域、预解析机制
2018/02/05 Javascript
解决vue-cli项目打包出现空白页和路径错误的问题
2018/09/04 Javascript
详解Vue项目中出现Loading chunk {n} failed问题的解决方法
2018/09/14 Javascript
vue 框架下自定义滚动条(easyscroll)实现方法
2019/08/29 Javascript
详解Vue中CSS样式穿透问题
2019/09/12 Javascript
PyQT实现多窗口切换
2018/04/20 Python
对python中的six.moves模块的下载函数urlretrieve详解
2018/12/19 Python
python 用for循环实现1~n求和的实例
2019/02/01 Python
Python垃圾回收机制三种实现方法
2020/04/27 Python
美国家具网站:Cymax
2016/09/17 全球购物
Dyson戴森波兰官网:Dyson.pl
2019/08/05 全球购物
酒店管理毕业生自荐信
2013/10/24 职场文书
中层竞聘演讲稿
2014/01/09 职场文书
表演方阵解说词
2014/02/08 职场文书
经典的毕业生自荐信范文
2014/04/14 职场文书
地震捐款倡议书
2014/08/29 职场文书
公司授权委托书
2014/10/17 职场文书
写给老师的保证书
2015/05/09 职场文书
《多彩的民间艺术》教学反思
2016/02/16 职场文书
升职感谢领导的话语及升职感谢信
2019/06/24 职场文书